CSS outline text code is not working

Design help Custom code
1

Hi together,

I am building a new portfolio page and want to show the second line of my headline as outline.

image
image2042×1138 148 KB

I have included this code both as an embed on the page and below the header code of the page:

.Outline-Heading { -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: white; }

image
image1188×332 25 KB

No matter if I publish the page or view it in the designer nothing happens, no outline effect to see.
What could be the reason for this?

Thanks for help!
Max

Here is my site Read-Only: [LINK](Webflow - Webdesign Seite)
(how to share your site Read-Only link)

2

Webflow converts classnames to lowercase on publish as it should. So custom code needs to reflect that.

1 Like
3

Hi @MaxHaag,

Just to piggyback on Jeff’s reply, you can check the CSS class name using the CSS preview feature and adjusting your code like so:

1 Like
4

Thank you, it worked!