Portfolio List Image Overlay

[whitelightchase]

Hello,

I’m trying to change the hover overlay of my project thumbnails to a black 0.8 opacity with white title text.
However, the text is also currently at an opacity..
How do I have the title text be a sharp opaque white?

I have added this code to my additional css:

.grid-item-con:after, .product-caption {
background-color: rgba(0,0,0,0.8);
}

[SeaTheme]

Hi

Please define the opacity:

.no-touchevents .grid-mask-filled-left .grid-item-con:hover:after, .no-touchevents .grid-mask-filled-center .grid-item-con:hover:after, .touchevents .grid-mask-filled-left .grid-item-con.air-hover:after, .touchevents .grid-mask-filled-center .grid-item-con.air-hover:after {
    opacity: 0.8;
}

Define the BG color in theme options(Schemes>Portfolio List>Mask for item),
Or by CSS:

.grid-item-con:after, .product-caption {
    background-color: #FFFFFF;
}

Regards!

SeaTheme – SeaTheme.net – Twitter – Facebook

[Author]

Posts