[Deput Them] Change Hero Banner Opacity

New Member
44 0 0



I have a couple of hero banners and i want to change opacity for only 1. When i increase the opacity it gets darker for all of them. 


Many thanks!

Shopify Partner
701 95 124

Please share your site url.
So that I can check and provide you the exact solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing


Hello @MSY92 ,
Add this CSS code in to the bottom of you theme -> edit code -> assets ->theme.scss.css file

#slickSlide00 .slideshow__overlay::before {
	opacity: 0.6 !important;
	background-color: #000;

Here you can check the id (#slickSlide00) , just set the number in front of that id according to your slide presence.
ex. If your slide number is 3 place (#slickSlide03) and replace this with above code.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit