All things Shopify and commerce
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.
Hi @shroombloomsco ,
Can you please share link to the page where the issue is? I will look into it and provide solution accordingly.
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
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;
}
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
it worked a little but there is still a weird grey overlay.
im trying to save but it keeps giving me an error, even on incognito
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>
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025