How to make text more readable on the landing page? (e.g. with a border around text)

LD3
New Member
6 0 0

Schermafbeelding 2021-10-21 om 10.55.41.png

 

 

We want the text in the image above to be more readable. We were thinking about making the text white and add a black edge around the text. How can I do that? 


We are using the "Medical-store" theme. I tried adding 

p.hero__subtitle,h2.hero__title.h1{
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

 

in the code of "timber.scss.liquid", "skin-theme.css.liquid" and "theme0color.css.liquid" but it didn't work unfortunately.

 

Thanks in advance

Replies 6 (6)
dmwwebartisan
Shopify Partner
9706 2221 3049

@LD3 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
LD3
New Member
6 0 0

Thanks for your reply aquarellinde.myshopify.com

LD3
New Member
6 0 0

@dmwwebartisan Thanks for your reply it's aquarellinde.myshopify.com 

dmwwebartisan
Shopify Partner
9706 2221 3049

@LD3 

Please share store password!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
dmwwebartisan
Shopify Partner
9706 2221 3049

@LD3 

Right mouse button is disable on your store so couldn't inspect your store. Could you please enable it?

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →