Featured Image Hover

[SjoerdGriffioen]

#574368

Hi all,

I want to add a hover to my portfolio featured image (change one image to another image), but I can only change the settings at > theme options> featured image rollover. There is no setting to set a hover image (like you can at image frame).

Is there another way?

[marshall-pickard]

#617658

Did you ever find out how to do this?

[onefive]

#650891

I have same question, trying to do the same.

[marklchaves]

#650994

Hi Everyone,

I can change the portfolio rollovers to display an image background on this page

https://avada.theme-fusion.com/design-elements/portfolio-element/

with this code.

/* Change all rollovers to show the same background image. */
.fusion-rollover {
    background-image: url(https://marklchaves.com/wp-content/uploads/2019/09/youngstown-st-columba-parking-lot-car-bw-md-1280w.jpg) !important;

}

This CSS above will change all rollovers. So, if this works for you, but you want different images for each rollover, then you will need to add an ID to each rollover item you want to target to make them display different images. Make sense? So the full code would be something like this.

/* Show this image for a particular rollover. */
#ytown-portfolio .fusion-rollover {
    background-image: url(https://marklchaves.com/wp-content/uploads/2019/09/youngstown-st-columba-parking-lot-car-bw-md-1280w.jpg) !important;

}

This is my take. I’m sure there are other ways.

Enjoy!

[Author]

Posts