Comments nlwynnn started the conversationDecember 8, 2017 at 4:32pmHow do I removes the black overlay on the featured posts on my homepage? I've tried and cannot get it to change 2,699PenciDesign repliedDecember 8, 2017 at 4:49pmHi,Please try copy this code and paste it to Customize > Custom CSS to do that: .penci-overlay-over:before{ content: none; }Best Regards,PenciDesignnlwynnn repliedDecember 9, 2017 at 5:29amThank you for that. How would I get them to have the same effect as the smaller featured post, where it gets the white overcast on hover? 2,699PenciDesign repliedDecember 9, 2017 at 9:16amHi,You can add more this code to Customize > Custom CSS to do that: .grid-mixed .thumbnail:hover, .penci-grid li .item > .thumbnail:hover, .penci-masonry .item-masonry > .thumbnail:hover{ opacity: 1; }Best Regards,PenciDesignnlwynnn repliedDecember 9, 2017 at 1:18pmWhen I add this code it just removes the overlay hover from the small featured posts. I am trying to have the large featured posts like it currently is with no overlay but have the white overlay upon hover like the small featured posts. 2,699PenciDesign repliedDecember 9, 2017 at 1:56pmHi,Ah, I understand it now.If so, please replace the code I sent in my recent comment to this code: .penci-overlay-over .thumbnail{ transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .penci-overlay-over:hover .thumbnail { opacity: 0.85; }Best Regards,PenciDesignnlwynnn repliedDecember 9, 2017 at 8:56pmWorked perfectly. Thank you. Sign in to reply ...
How do I removes the black overlay on the featured posts on my homepage? I've tried and cannot get it to change
Hi,
Please try copy this code and paste it to Customize > Custom CSS to do that:
.penci-overlay-over:before{ content: none; }Best Regards,
PenciDesign
Thank you for that.
How would I get them to have the same effect as the smaller featured post, where it gets the white overcast on hover?
Hi,
You can add more this code to Customize > Custom CSS to do that:
.grid-mixed .thumbnail:hover, .penci-grid li .item > .thumbnail:hover, .penci-masonry .item-masonry > .thumbnail:hover{ opacity: 1; }Best Regards,
PenciDesign
When I add this code it just removes the overlay hover from the small featured posts. I am trying to have the large featured posts like it currently is with no overlay but have the white overlay upon hover like the small featured posts.
Hi,
Ah, I understand it now.
If so, please replace the code I sent in my recent comment to this code:
.penci-overlay-over .thumbnail{ transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; } .penci-overlay-over:hover .thumbnail { opacity: 0.85; }Best Regards,
PenciDesign
Worked perfectly. Thank you.