Wanting to add a shadow to the heading text of the slideshow on Dawn theme

[terzdesign]

I want to add a bit of shadow behind the heading text on the slideshow. Right now the text is blending in too much to the photography. Is there a simple code snippet I can use to accomplish this?

[PageFly-Victor]

Hi @terzdesign ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

[terzdesign]

www.hometownriot.com

[PageFly-Victor]

Hi @terzdesign ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-image-banner.css->paste below code at the bottom of the file:

h2.banner__heading.h2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
}

Hope my answer will help you.

Best regards,

Victor | PageFly

[terzdesign]

Very nifty! Is there a way to make it so it’s more like the shadow around the button, like an outer glow, instead of a straight drop shadow?

[PageFly-Victor]

Yes, you can use the box-shadow property to create an outer glow effect

.banner__buttons > a {
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.5);
}