I have each portfolio thumb a different color (masonry-style layout), but on the page, the colors are distorted due to what looks like some sort of default overlay for each thumbnail.
For example, I am using the "Meta Overlay w/Zoom effect on Hover" as the setting, and a royal blue color for one of the thumbs, but the initial color of the thumbnail is the wrong shade of blue. When I hover over it, the image appears, but the initial color is wrong. I am setting the color under the individual portfolio item.
Do you know what's causing this and how to fix? Thanks.
I have each portfolio thumb a different color (masonry-style layout), but on the page, the colors are distorted due to what looks like some sort of default overlay for each thumbnail.
For example, I am using the "Meta Overlay w/Zoom effect on Hover" as the setting, and a royal blue color for one of the thumbs, but the initial color of the thumbnail is the wrong shade of blue. When I hover over it, the image appears, but the initial color is wrong. I am setting the color under the individual portfolio item.
Do you know what's causing this and how to fix? Thanks.
Hey Again,
The Color wont be exact as there the overlay has a opacity of 0.45 so adjust the color accordingly .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
.portfolio-items .col .work-item.style-3:hover .work-info-bg { opacity: 1 !important; }Be.st
ThemeNectar Support Team