Remove Hover Effect on Portfolio Items

jkperez · December 2016

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?

Albert · December 2016

Hi,

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; }

jkperez · December 2016

Thank you!

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.

Albert · December 2016

Ok, so to remove "Read more" completely, you need to use:

.portfolio-photo .portfolio-item .portfolio-details .more { display: none !important; }

However, we do not have any solution to display any other text instead.

jkperez · January 2017

Thank you!

How can I remove the hover effect from blog items?

I'd like to remove the zoom effect

Albert · January 2017

You can remove it using the following css:

.image_frame .image_wrapper img:not(.ls-l) {
    transform: scale(1) !important;
}

Remove Hover Effect on Portfolio Items

Comments