Flow Theme - Add background to text for improved visibility

[fercho]

Hi!

I would like to add a background to a text in my website. Flow Theme doesn’t allow to do this natively, and Eight (the developers of the Theme), weren’t too helpful on solving it. They recommended I contact a design partner..

Someone in this forum had the same issue and found a solution for another theme.

This is what i’m looking to achieve:

Thanks in advance!

[made4Uo]

Hi @fercho

It should be easily done, do you mind sharing your website so we can provide a code appropriate for you?

[dmwwebartisan]

@fercho

Please share your store URL!

Thanks!

[oscprofessional]

Hello @fercho

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

[fercho]

Hi! Thank you all very much.

My website is: www.cafequinto.com

below would be my main issue:

thanks in advance!

[oscprofessional]

Hello @fercho

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.min.css>Add this code at the bottom.

.animated-text--content {
    background: #fff;
    width: 50%;
    padding: 12px;
    color: #000;
    height: auto;
    margin-right: 20px;
}

[fercho]

Thanks for your help! Added the code but a big white box appears on top of the content of the top image only. Not on the image I showed. Also, it’s not the effect I’m looking for. Similar to the image on the original question, I’m looking for a translucent background box only around the text.

Thanks!