Adding outline to text on image banner

Store Design
,
1

Hi! I need help adding black outline to text on the image banner so the words will pop and be easier to read. I am using the dawn template theme. Any advice will be appreciated!

2

kinda. I tried adding a code I found online, but it didn’t change anything.

3

@Tunny15 for which text do you want this outline? can you please share this page link?

4

Please provide your website URL so we can check it and suggest appropriate CSS.

Alternatively, you can try below snippet code to see if it resolves the issue.


Your banner description text here
5

I want the heading and text that’s in turquoise color outlined in black or dark blue. See attached screenshot.

1000015415.jpg
1000015415.jpg1080×1235 142 KB

6

@Tunny15 - please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.banner__heading strong{text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}

.banner__text strong{text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
7

That worked beautifully!! Thank you

8

@Tunny15 welcome, thank you too @sgtlab as well