Avada Forums Community Forum Make Featured Image Rollover Title always show

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • heavydose
    Participant
    Post count: 5

    On a blog grid like https://avada.theme-fusion.com/blog-grid-full-width/ I would like the post title to always show over the featured image, not just on hover. Can this be done with just css or do I need to modify the template? Any code help would be appreciated.
    Thanks

    gducdodon
    Participant
    Post count: 1

    Hey I’m also trying to find a simple way to do that.
    Any tips ?

    heavydose
    Participant
    Post count: 5

    Solved:
    I got this from Theme Fusion support to add to the custom css
    .fusion-rollover {opacity: 1 !important;}
    But then my hover background color was always showing, so I set the the background color to fully transparent in the theme options, and added this to show a background hover color:
    .fusion-image-wrapper:hover .fusion-rollover {background-color:rgba(243,36,52,0.76); transition:all .3s ease-in-out;}
    All working great now. Good luck.

    MaxBeta
    Participant
    Post count: 1

    Thanks for this tip.

    Don’t know if something changed since the latest respons but I couldn’t get the animation timing to work.

    After I changed
    transition:all .5s ease-in-out;
    to
    transition:background-color .5s ease-in-out;

    I got back the smooth transition.

    zmagoivan
    Participant
    Post count: 2

    Does anybody have working solution for this in latest 6.1.2. Avada?

    damiansol
    Participant
    Post count: 8

    This is close –

    My ideal is to have the default view show the featured image with the title, and have the color fade over when the image is hovered over.

    I’d also love to have a list view with thumbnail images and the title next to them.

    Thank you in advance.

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