I need help to create an image hover effect on Upfront/Fixer

I want to create image hover effect like this (http://www.abcd.com/) one on my website. I am using Upfront/Fixer theme. Please help me to achieve that.

  • Predrag Dubajic

    Hey Wayne West,

    Hope you're doing well :slight_smile:

    When you add Gallery element and go to check adjust its settings you can edit the preset of it and in there set caption to be over the image, show caption on hover and set the Fixed height to 100%, as shown here:

    After that Edit Preset CSS and add this code to center caption text:

    .ugallery-thumb-title.ugallery-caption-on-hover-1.ugallery-caption-over > p{
        top: 45%;
        position: relative;
        text-align: center;
    }

    You can further adjust the top value if needed.

    Would this do the trick for you?

    Best regards,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.