remove image banner overlay

remove image banner overlay

shroombloomsco
New Member
5 0 0

hi im currently using toyo and i cant remove this strange overlay for the life of me. i have tried to input 

.product-banner-slider__media.media {
background-color: #transparent !important;
} into my base but it still wont remove the overlay.

Screenshot 2025-02-04 at 8.48.51 PM.png

Replies 8 (8)

theycallmemakka
Shopify Partner
1785 435 462

Hi @shroombloomsco ,

 

Can you please share link to the page where the issue is? I will look into it and provide solution accordingly.

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

shroombloomsco
New Member
5 0 0

yes! im putting it on this page

https://shroomblooms.co/pages/about-me

 

it is the image banner

 

shroombloomsco
New Member
5 0 0

i basically just want the ability to input 3 images side by side or 1 large full width image as a section but my theme doesnt allow me to do that unless i use an image banner or image with text but even then that only allows a max width

theycallmemakka
Shopify Partner
1785 435 462

Hi @shroombloomsco ,

 

Please navigate to the **Image Banner** section. In the settings, locate the **Custom CSS** field and add the following CSS code there.

.banner:after, 
.banner__media:after {
    content: unset!important;
}

theycallmemakka_0-1738731992880.png

theycallmemakka_1-1738732034536.png

 

 

 

If you need any help adding this code on the site, you can let me know.

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

 

Thank you

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

shroombloomsco
New Member
5 0 0

it worked a little but there is still a weird grey overlay.

Screenshot 2025-02-04 at 9.12.39 PM.png

theycallmemakka
Shopify Partner
1785 435 462

Hi @shroombloomsco ,

 

can you save the changes and i will review it on the frontend .

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

shroombloomsco
New Member
5 0 0

im trying to save but it keeps giving me an error, even on incognito

Screenshot 2025-02-04 at 9.19.41 PM.png

theycallmemakka
Shopify Partner
1785 435 462

Hi @shroombloomsco ,

 

Please try adding below code on theme.liquid file just above </head>

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above tag </head>

<style>
.image-banner .banner:after, 
.image-banner  .banner__media:after{
    content: none!important;    
}
</style>

 

 

 

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com