How can I enhance the opacity of my website text?

https://empiricalwater.com/

Notice the text that starts with “Introducing…” in the image banner. It is currently a bit hard to read so I’d like to increase the opacity. Thanks

Hello @empiricalarby :waving_hand:

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

#Banner-template--16982408331515__4938a73e-1164-49e8-bf7e-9c9ef4ff4938 .banner__text {
    color: #FFFFFF;
}

The result

Hope that helps!

1 Like

Hi @empiricalarby

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like

Thank you, that made the text show up more brightly, but it’s actually a bit too bright now. Is there a way to reduce opacity by only about 10% now? Thanks

Thanks, can you also help me adjust the maximum width of that line of text so that it will run over to the next line instead of taking up the whole width of the picture? Thank you

Nvm, got it. Just had to add

opacity: 87%

That is correct. Wish you the best.

1 Like

Hi @empiricalarby You can add this code to achieve that


1 Like