Comments umair started the conversationDecember 24, 2018 at 8:22amI removed the footer section background image and tried to have my own image but the color doesn't have the opacity to show the image.How to add the opacity to footer section background color? 2,700PenciDesign repliedDecember 24, 2018 at 9:39amHi,Please try add more this code to Customize > Custom CSS to do that: #widget-area:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #aaaa4c; opacity: 0.7; z-index: 1; } Change color code #aaaa4c to any color code as you want. You can get a color code hereChange value 0.7 on the above code to transparent value as you want.Best Regards,PenciDesignumair repliedDecember 24, 2018 at 10:05amI don't need to have on widget, I just need it on the last footer section (privacy policy) 2,700PenciDesign repliedDecember 25, 2018 at 3:14amHi,If so, please try with this code: #footer-section{ position: relative; } #footer-section > .container{ position: relative; z-index: 3; } #footer-section:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #7c9915; opacity: 0.7; z-index: 1; }Best Regards,PenciDesign Sign in to reply ...
I removed the footer section background image and tried to have my own image but the color doesn't have the opacity to show the image.
How to add the opacity to footer section background color?
Hi,
Please try add more this code to Customize > Custom CSS to do that:
Change color code #aaaa4c to any color code as you want. You can get a color code here
Change value 0.7 on the above code to transparent value as you want.
Best Regards,
PenciDesign
I don't need to have on widget, I just need it on the last footer section (privacy policy)
Hi,
If so, please try with this code:
Best Regards,
PenciDesign