Sridhar Katakam

Genesis and WordPress Tutorials

How to remove dark overlay on hero images in Showcase Pro

by 5 Comments

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

Before:

After:

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;
}*/

  • Hello:

    I did the changes on the editor on the appearance sector, but I did not get any correction on the page. There is another way to correct this?

    Waiting for your reply

    Reply
    • >