hello can someone please help me take out this grey background thats randomly behind slideshow?

[saabbb1212]

https://wellnessdogco.nz/pages/freq

[akshay_bhatt]

Hi @saabbb1212 ,

To remove the gray background behind your slideshow, try adding this CSS to your theme.scss.liquid or base.css file:

/* Remove gray background behind slideshow */
.slideshow-section {
    background-color: transparent !important;
}

This should set the slideshow background to transparent. If the gray background persists, try checking for any parent elements with background colors and adjust them similarly.

Got it! If you found my suggestions helpful, please consider liking or marking it as a solution.
Your feedback is appreciated! If you have any more questions or need further assistance, just let me know.

Thanks & Regards
Akshay Bhatt

[saabbb1212]

hi no it didnt work. but thanks for your help

[tim · Accepted solution]

Looks like some setting in your section you should be able to change.

But you can also add this code to the "Custom CSS" setting of this section:

.media, .media:after {
  background-color: transparent;
}

[saabbb1212]

thanks sooooooomuch!!:)

[LizHoang]

Hi @saabbb1212 ,

You can go to Theme => Customize => Setting => Custom CSS and try the following code:
.banner__media {
    background-color: transparent !important;
}#Slide-template--23585674363154__slideshow_TLFfrQ-3 .banner__media::after {
    opacity: 0 !important;
}

I hope this helps.

Best regards,
Liz

[saabbb1212]

It didnt work but. thankyou

[GTLOfficial]

Hello @saabbb1212 

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->component-slideshow.css

.banner__media::after {
background: #fff !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[saabbb1212]

it didnt work 😞 but thanks so much for trying

[GTLOfficial]

Try this code-->
Go to online store ----> themes ----> actions ----> edit code ----> base.css

.banner__media::after {
background: #fff !important;
}
.slideshow__media.banner__media.media.animate--ambient {
background-color: white !important;
}

Thanks