Remove Overlay from Slider & Header Section In ShopIsle

Please install our plugin  Advanced CSS Editor and in Appearance -> Customize -> Advanced CSS Editor add the following code in the "Global CSS" area

If you are using WordPress 4.7 or later you could add the code to Appearance->Customize->Additional CSS.

@media screen and (min-width: 768px){
.hero-slider .home-slider-overlay {
    background: transparent;
} }

To remove the overlay from the header area which appears on different pages use this code:

.page-header-module:before{ background: none !important; }

Save and publish your changes and you're done!