How to get rid of transparent box underneath slideshow button?

Shopify Discussion
1

Hey guys!

I’ve been struggling with this for a while and after researching for hours on end on the discussion boards and reddit, I couldn’t find anything that helps.

I’ve added a slideshow to our homepage, however on mobile exclusively, there is a transparent box underneath the button in the slideshow. If I remove all texts entirely within the themes settings, it’s blank on desktop as it should be but on mobile a small transparent rectangle appears on the slideshow. There also is no setting within the theme itself that affects this.

I’ve tried a variety of different codes as it seems to be a code issue, but nothing has come of it. Our theme is Avone.

The shop url is www.powpow.store.

Thank you in advance! :heart:

Bild (27).png
Bild (27).png659×520 235 KB

Bild (26).png
Bild (26).png947×940 463 KB

2

Hi @POWstore ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.slideshow__text-content .wrap-caption {
    background: rgba(0,0,0,0);
}

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

3

Thank you so much, this worked perfectly!

4

You’re welcome! :blush: