How to add background to text in slideshow

[Micacoco]

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.

[Kinjaldavra]

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.

[Micacoco]

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.

[Kinjaldavra]

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

[Micacoco]

Thank you, it works!!!

[Micacoco]

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?