Text become grey on Safari. Works fine on Chrome

Design help General
1

Hi, so I have the exact problem with this: Safari Rendering only Black text - #14 by Jesse_Green

I have tried to use a custom css, added this to head of entire site but it’s not working:

.section { -webkit-text-fill-color: white; }

Tried to inspect it:

Screen Shot 2021-09-21 at 22.34.13
Screen Shot 2021-09-21 at 22.34.131920×1108 211 KB

Is safari overrides the style I have in webflow? Is there any way I can fix it? Thank you

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Can you share the read-only link?

3

Hi Joseph,

Here is the link: https://preview.webflow.com/preview/glair-3ed7d2?utm_medium=preview_link&utm_source=designer&utm_content=glair-3ed7d2&preview=649a2fe89d2af3db57211d60a6e3fc6f&workflow=preview

Thank you for your help :slight_smile:

4

That’s why I prefer to use Chrome…

5

I think it’s your page load animations. Similar issues happened to me, except the reverse. I built a page on Webflow in Safari, and it didn’t load properly in Chrome.

Is the site published?

6

Hey,

Turns out in Safari (updated version), it all looks good.

I built a page on Webflow in Safari, and it didn’t load properly in Chrome. >> That’s kinda weird haha, how you solved this issue?

Yes the site is published.

7

Hi @Stevi_Rosalina, have you resolved the problem? I am experiencing the same issue here

https://preview.webflow.com/preview/account-butlers?utm_medium=preview_link&utm_source=dashboard&utm_content=account-butlers&preview=22b8215eb2ed383bfb16ca8ad1de6e39&workflow=preview

8

Doesn’t help with problems popping up on the live site in safari browsers :grinning:

9

Hi,

Turns out in Safari (updated version), the text looks good.
Maybe, you should try. Or if you still want to resolve the issue on Safari’s older version, you should inspect the style, maybe safari rewrites your style. I think the solution for that is to write a code so it covers the styling.