Getting feature image styled hover over to work on normal images

[matt2beer]

Hi

I’m trying to replicate the effect where the feature image of a post does the opacity fade thing and an icon appears over the top of it in the html of a normal page (I want some post grids with headings and some without). Is there a simple way to do this through some html class tag or something? I’ve tried and failed to figure it out from reading the CSS code.

Also 50 bonus points for a short list of useful tags like that. It took me a few hours to figure out the “pretty” class but I’m pretty glad I did.

Big fan of your work too and the general way you conduct yourself. Keep it up.

Cheers, Matt

 

Topic

[Jason Bobich]

Hello Matt,

Unfortunately there’s no real way easily implement this. The HTML markup to accomplish that effect is sort of complicated. I haven’t set this up in a way where you can just use it anywhere.

One thing you might consider where you can get this effect outside of featured images of post grids, is to insert a standard WordPress gallery; that’s really the only other way to get this effect. This is what I mean by standard gallery — https://vimeo.com/16686184

Additionally, if you link an image manually to a lightbox (like in this video), there will be a “fade” effect on hover, but it’s not going to be exactly the same as the featured images, as there will be no icon.

These little styles and tidbits are shown here: http://www.themeblvd.com/demo/alyeska/features/typography/

[matt2beer]

Ah, that’s a shame. I’ve tried playing around with the gallery and the light box settings and it doesn’t quite give the effect I am after. No big deal, it’s just a nice-ety after all. I’ll work with what’s available.

Big thanks for the prompt reply.  Take it easy 😀

[Author]

Replies