Shopify themes, liquid, logos, and UX
I would like to have a darker overlay on just one slideshow section on my homepage. I tried adding this to the bottom of the theme.css file, but it didn't work:
div#shopify-section-162445333596e5e839 .hero__overlay::before {
background-color: black;
opacity: 20;
}
Solved! Go to the solution
This is an accepted solution.
great thanks for visible can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-162445333596e5e839 .hero__image-wrapper:before, .hero__media:before {
background-color: #000000;
opacity: 0.2;
}
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
i have check at home but i can't see this section can you please show me
I will check out the issue and provide you a solution here.
The section should be visible now
This is an accepted solution.
great thanks for visible can you please add this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
#shopify-section-162445333596e5e839 .hero__image-wrapper:before, .hero__media:before {
background-color: #000000;
opacity: 0.2;
}
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024