Home Forums Community Forum Make Featured Image Rollover Title always show

Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • heavydose
    Participant
    Post count: 4

    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: 4

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.