Streaming live at 10am (PST)

How to Create Text Outline via Custom Code

I’ve referenced everything to create a text outline, but seem to be missing something. Below is the custom code I’m using and nothing’s reflected on the published site.

I’m only wanting to create an outline for the text that reads “Outline This.” Its class name (MarqueeHeader) is used elsewhere, so I tried giving it a unique class name to see if that would work – no success.

Any help would be greatly appreciated!

https://preview.webflow.com/preview/test-page-797172?utm_medium=preview_link&utm_source=designer&utm_content=test-page-797172&preview=8aa9576ec19305b55a19ebf5c0b3742f&mode=preview


Hey Micheal

Firstly it might be preferable to turn the outline portion of your text into a span and target it that way as opposed to creating separate heading elements.

In your custom code you are not targeting the the full combo class. It should be:

<style>
   .marqueeheader.clientnames.outline {
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: white;
    }
</style>

Cheers

1 Like

Thank you! I plugged in your code and it instantly worked.
Great point on span text – will make those adjustments.

Many thanks!

1 Like