is there an option to add a black overlay on top of portfolio items overlay when hovered, because the project title doesn't appear if the thumbnail is light colored.
Easiest solution is to make the portfolio item background type as light therefore you will have dark caption (hero title, subtitle etc), have you considered that. You can do this in portfolio item options.
Thank you for the reply, but I want to keep the background type dark. The problem is that some of the thumbnails are dark colored and some are light-colored, so I just want a transparent black overlay on hover for all of them so that the white text always appears.
Hello,
is there an option to add a black overlay on top of portfolio items overlay when hovered, because the project title doesn't appear if the thumbnail is light colored.
Easiest solution is to make the portfolio item background type as light therefore you will have dark caption (hero title, subtitle etc), have you considered that. You can do this in portfolio item options.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thank you for the reply, but I want to keep the background type dark. The problem is that some of the thumbnails are dark colored and some are light-colored, so I just want a transparent black overlay on hover for all of them so that the white text always appears.
The issue is apparent here: https://wordpress-817719-3267983.cloudwaysapps.com/overlapping-portfolio/
Thanks for helping.
Ok, try then
.item-parallax:hover .item-appear .item-wrap-image {
opacity: 0.5;
}
in customizer -> additional CSS, you can adjust the opacity value
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Thank you for trying to help.
At first this didn't work well because in overlapping layout it was showing the other thumbnail beneath it. But it worked after adding this:
.item-parallax:hover .item-appear{
background-color:black;
}
.item-parallax:hover .item-appear .item-wrap-image {
opacity: 0.5;
}
Thank you!
I think it would be nice of you add the overlay feature internally in a future update.
Thank you Mina for sharing this and I forwarded your suggestion to our web designer.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy