Strange Text Shadow in Chrome

Support
#1

Hi, on my site https://www.steedman.co.uk the Ubermenu menu and most of the other text seems to have a strange shadow when I view the site in Chrome (this is on a MacBook Pro). It doesn’t seem to occur in Safari. It does seem to appear with a bit of a shadow in Firefox and Opera in the Ubermenu.

I was just wondering if anyone else had noticed this and if there is anything that can be done about it to make the text sharper?

#2

Hello @russell3,

Thanks for asking. :slight_smile:

I don’t see text shadow on my end. I am using Chrome on Macbook Air. Here is a screencast. https://cl.ly/0e1G0r2c0l1l

Can you please share some screenshots?

Thanks.

#3

Hi

Thanks for your reply and screencast.

In your screencast it is the same as I am describing. It’s in the navigation menu where it looks blurred, and it is actually more of a blur than a text shadow now that I am looking at it afresh. I may need some new eyewear but the text definitely seems sharper in Safari!

It isn’t a huge deal – I was just mainly wondering why it seems clearer and more sharp in one browser than it is in another. Also it may be to do with UberMenu and not the X Theme itself.

Thanks again

Russell

#4

Hi Russell,

To make it sharp, you can try adding the code below in Theme Options > CSS

.ubermenu .ubermenu-target-text {
     -webkit-font-smoothing: antialiased;
}

Hope that helps

1 Like
#5

Will do that, thanks

#6

Let us know how this goes!

Thanks

1 Like
#7

Yes, that definitely has helped. Many thanks.

1 Like
#8