How to remove dark overlay on hero images in Showcase Pro

Looking to get rid of the dark overlay on hero images (appearing, for example, on static Pages with featured images) in Showcase Pro?

Simply locate

.bg-primary:after,
.bg-light-gray:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.bg-primary:after {
    background: #1a1a1a;
}

in Showcase Pro’s style.css and change it to

/*.bg-primary:after,*/
.bg-light-gray:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

/*.bg-primary:after {
    background: #1a1a1a;
}*/
This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.