Remove Hover Effect on Portfolio Items
Hi,
I'd like to remove both hover effects
1. the dark to light transition on the background image - i'd like this to remain fully bright at all times.
2. (most importantly) I'd like to remove the "READ MORE" hover effect when hovering over the titles so that the title and author can always remain visible. This function breaks mobile usability, as "READ MORE" is always displayed in place of the titles on mobile. We can do without it on both mobile and desktop.
Any way to achieve this?
Comments
as we can see, you sorted "Read more" on hover so to remove the second effect, please use the following css:
.portfolio-photo .portfolio-item a.portfolio-item-bg .mask { background: none !important; }I thought I had it sorted but it "read more" still appears in place of the title on mobile.
If I recall the class was .more - id like to hide that, and instead show the title and author instead.
.portfolio-photo .portfolio-item .portfolio-details .more { display: none !important; }However, we do not have any solution to display any other text instead..image_frame .image_wrapper img:not(.ls-l) {transform: scale(1) !important;
}