Remove Overlay from Slider & Header Section In ShopIsle

Add the following 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; }

If you are using ShopIsle Companion slider, use the following code:

.bg-dark-30:before {
    background: transparent !important;

Save and publish your changes and you're done!