Adding outline to text on image banner

[Tunny15]

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! 

[Tunny15]

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

[suyash1]

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

[Tunny15]

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

Enchantedwoodworkingco.com 

 

Enchantedwoodworkingco.com

[suyash1 · Accepted solution]

@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;}

[Tunny15]

That worked beautifully!! Thank you

[suyash1]

@Tunny15 welcome, thank you too @sgtlab as well

[sgtlab]

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.

<p style="color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; font-weight: bold;">Your banner description text here</p>