Remove The Dark Overlay From The Header Area in ShopIsle
To remove the dark overlay from the header area on pages, add the following custom CSS to Appearance -> Customize -> Additional CSS section.
.page-header-module:before { background: none !important; }
This is the result:
If you want to remove the overlay from frontpage slider, use the following code:
.bg-dark-30:before { background: transparent !important; }
Save and publish your changes and you're done!