CSS stroke doesn't work

Hi all,

I’m trying to create a stroke for some font on my website. Unfortunately the CSS doesn’t work. Maybe I’m missing something, but I already tried quite a lot.

Here the code I’ve used:

.headersec3: { -webkit-text-stroke: 2px #ffffff; -webkit-text-fill-color: transparent; }

Any idea why?


Here is my site Read-Only: Webflow - Value of We

Hi @Richard_Petr, looks like you have a colon : between the classname & {.

Can you try to remove it?

.headersec3 { -webkit-text-stroke: 2px #ffffff; -webkit-text-fill-color: transparent; }


Thanks soo much for you super quick response. I have actually decided to start our re-design in a completely new project and built everything from scratch.

Unfortunately it seems like custom css is still not working.

Pls find here the site:

I tried using this code, but nothing is happening. It seems like I’m missing something, but I already tried a lot of versions and searched for the bug. Maybe I should stay away from custom code :smiley:

.hypertext { { -webkit-text-stroke: 2px #ffffff; -webkit-text-fill-color: transparent; }

you have an extra { that will breakup the code

1 Like

wohoooow thanks so much! It’s workin now.