Shopify themes, liquid, logos, and UX
Hi I am trying to
Lower opacity of the Services background in homepage.
Currently it is white and i want to lower it by 10%, so we can se the background. is it possible?
https://wmqgez-r2.myshopify.com/
Warm regards.
Hi,
Hope this will work
- Need to add css
CSS example
/* Lower opacity for Services background */
.services-section {
background-color: rgba(255, 255, 255, 0.9); /* 0.9 = 90% white, 10% see-through */
}
Hi @Artez
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
slider-component.slider-mobile-gutter.scroll-trigger.animate--slide-in {
opacity: 0.7 !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025