Remove The Dark Overlay From The Header Area in ShopIsle

Important notice: This product is now in maintenance mode and is no longer being actively developed or supported. Updates and bug fixes will not be provided unless they relate to security concerns.

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!