Outline font on header

Hello!

I’m wondering if it’s possible to outline white text with black on the header page. I’d like my subtitles (Beautiful, Durable, Eco-Friendly) to have a black outline in order to see the white text more clearly. I found customized css code to add a drop shadow to the text, but I’d rather they match the “StoneWrap” text above it, which is white font outlined in black (see attached screengrabs). Is this possible?

Thank you!
Cailley


Hello Cailley, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

#slideshow .text-slider .subtitle {
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

Thank you, worked like a charm!

Cheers,
Cailley

Great! You are welcome Cailley :slight_smile:

Kind Regards, Roman.