Footer text shadow

[mcaravaglia]

Please see attached Pic. I have a simple footer in the Integrity (light) theme. I am not using the footer builder, but simply the footer in the Pro> Theme Options.

As seen in the pic capture, (from an iphone) the text has a shadow and I need to eliminate it. When I use CSS to edit the text-shadow to “none” any numbers in the footer (in this case the phone number) become invisible, because the text color for the numbers only must be set to #000 in the Theme settings somewhere. I have tried with CSS to change these colors to white, but nothing I do works. The most challenging part about this is it is only occurring on the iphone.

Any thoughts?

[friech]

Hi Michael,

Thank you for writing in, the Text shadow was not completely remove from your footer widget, please add the footer .widget to your target selector, to completely remove the text-shadow on your footer widgets.

Yes, that issue on iOS is native to iPhones. Please use the solution provided here.

Cheers,

[mcaravaglia]

@friech

footer .widget

This worked perfectly. Thank you so much!

[mcaravaglia]

I apologize; the issue is actually not resolved. There’s a very odd thing happening here. When I eliminate the text-shadow in the footer, only the phone number (or any numbers) disappear on IOS. It’s as if the numbers only are in the color #000, even though they are set to #fff. Even using “inspect” in Chrome tools, it shows the text as being white, but on IOS the numbers become black. I have tried setting the phone number as a separate class, but I still cannot get them to appear in white.

[tristup]

Hi Michael,

I have checked it in the iPhone and it shows in the white color. It has been also found that the Style attribute is not closed properly, please check and close the quotation properly.

If you are still facing the issue, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[mcaravaglia]

See attached. This is how it appears on my iPad and on my client’s phone. Please notice that the phone number is also not appearing in the section under “Business Hours”. Apparently, the numbers there are also appearing in black on IOS, even though they are set to be white. I also closed the quote properly (sorry about that) but no change.

Also note, I am on a very old version of Pro; Version: 3.2.3. Perhaps this is also an issue. I have to be very careful to update the Theme Version. This is a very active client’ business site and I cannot afford to have it be down for even a few moments.

I will send the credentials in a secure note. Any assistance you can provide will be greatly appreciated!

[friech]

Hi @mcaravaglia,

I’ve just check your site and I can see the contact number is white. This seems to be issue I am referring above with regards to iOS. Please follow the solution on the provided link above. Particularly that CSS block below.

a[href^="tel"] { 
    color: #fff !important; 
}

Actually, instead of having that phone as a plain text, please make that as an dial anchor link.

<a href="tel:8455444687">(845) 544-4687</a>

Make sure to clear your mobile browser’s cache.

Cheers,

[mcaravaglia]

Wow Friech. This is a new one for me! Thanks so much for solving this for me.

[tristup]

Hi @mcaravaglia,

Glad that we are able to help you.

Thanks