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!