How to add background to text in slideshow

Hello,

My slideshow in homepage (Debutify theme), the text can be difficult to read if the background color matches with the text color. Is there anyway to add a semi-transparent background behind text, so it’s more readable?

Thanks.

hello @Micacoco

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

1 Like

Hi,

Thank you for your response.

URL = www.micacoco.com

It is not password protected.

Here I intentionally insert this slideshow. You can see some parts the black text gets blended into the background and is hard to read.

hello @Micacoco

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#section-1568145568761  #Hero-1568145568761  .hero  .hero__inner .hero__text-wrapper .grid .grid__item{
    background: #dcdcdcde;
    padding: 38px;
}
2 Likes

Thank you, it works!!!

Can I ask just one more issue?

I tried playing with the many image resolutions but still doesn’t work.

On the Mobile, it looks very good. But in Desktop it gets expanded/zoomed too much you have see blurry pixels.

Might you know the reason why it is like this?