Hello,
I am trying to change the opacity of the Bg image in a specific color section.
I created a section ID and then applied the css you mentioned in this topic but it did not change anything.
Hey Enis,
Thank you for writing to us. Only solid colors can have opacity. To apply opacity to a background image you need to apply the transparency to its container.
1. Add a custom ID to your section.
2. Add a pseudo element to your section ID and background image with opacity as mentioned here
Best regards,
Vinay
Hello Vinay,
Thanks for the response. But I do not know how to implement that code.
My Section id is ”home-section-bg-img”
Can you help me how the css code should be?
Hi,
You can try this css code since you’re using parallax effect.
#home-section-bg-img .av-parallax-inner {
opacity: .2;
}
Best regards,
Ismael
Hi Ismail,
That worked perfectly
Thank you so much.
You can close the ticket.. Have a nice day.
E.
Hi,
Awesome! Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
Ismael