Avada Forums Community Forum Featured Image Hover

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • SjoerdGriffioen
    Participant
    Post count: 1

    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
    Participant
    Post count: 1

    Did you ever find out how to do this?

    onefive
    Participant
    Post count: 1

    I have same question, trying to do the same.

    marklchaves
    Participant
    Post count: 873

    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!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.