Hi,
Suddenly when I am updating my banners, they are uploaded a little more blurred & grey-ish compared to the crisp white before.
Website link for reference: https://www.elyta.in/collections/earrings
Thank you for your help in advance.
Kind Regards
Hello @Elyta
Go to online store ----> themes -----> actions -----> edit code----->theme.css ----> line number 26515
search this code
.slider .overlay, .slide__image__container, .slide__text__container {
grid-row-start: 1;
grid-column-start: 1;
min-height: 100%;
}
and replace with this code
.slider .overlay, .slide__image__container, .slide__text__container {
grid-row-start: 1;
grid-column-start: 2;
min-height: 100%;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Hi @Elyta
There is an overlay setting in slideshow and you can adjust this settings from customization panel.
To adjust grey overlay go to Online Store > Theme > Customization panel.
Navigate to Collections > Default collection .
Go to slideshow and change the overlay opacity to 0%.
Hi Priyanka, thanks for sharing this - but I cannot find the image overlay opacity option in my slideshow
Hi GTLOfficial, Thank you so much this helped however part of the banner is still grey-ish on the right side. Please help.
@Elyta
Could you please go to customization panel and open slideshow settings and share the screenshot So that I can take a look.
Currently, slideshow is not showing grey overlay, are you able to fix it?
Yes, thank you so much for help.
- Here is the solution for you @Elyta
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
.item--center .slide__text__container {
display: none !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.