How to take off hover effect on image grid

  • Resolved dantmi23

    (@dantmi23)


    1 year, 4 months ago

    Hello,

    I’m currently putting together a page with a bunch of logos listed in grids:

    https://i9d.9ba.myftpupload.com/manufacturers/

    I’m using HT Mega Add Ons Image Grid to do this. However, when you hover over an image it makes the images/logos expand and I don’t want them to do this. I just want the images to stay the same size but still be clickable to take you to another page.

    I’m having a hard time finding anything in the Image Grid widget or the specific CSS coding that will stop this from happening.

    I have the entrance animation settings set at “None” in the Advanced>Motion Effects>Entrance Animation section but it looks like the entrance animations effects are different than the hover effects.

    Does anyone have any idea how I can make the images stay the same size on hover (but also still be clickable to take you to another page.)?

    Thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Tarek Aziz

    (@tarekht)

    Hello @dantmi23,

    I greatly appreciate you for reaching out to us.

    First of all, thank you so much for choosing our plugin ??

    I have thoroughly reviewed your message and understand your needs.

    To achieve your desired outcome, please use the “Style 5” available in the widget and make sure that you have kept the following fields empty:

    • Title
    • Description
    • Read More Text

    Since you want the image to be clickable, so it can direct visitors to a page, don’t forget to insert a page URL to the “Read More Link” field.

    Please refer to the screenshot below:

    https://prnt.sc/Go-iFWxaDPTJ

    Following all the steps listed above should do the trick.

    I hope this helps! Please keep me in the loop about how it goes.

    Wishing you a fantastic day ahead!

    Best regards,
    Tarek Aziz

    • This reply was modified 1 year, 4 months ago by Tarek Aziz.
    • This reply was modified 1 year, 4 months ago by Tarek Aziz.
    Thread Starter dantmi23

    (@dantmi23)

    Thanks Tarek!

    That did the trick! I appreciate your help.

    Plugin Contributor Tarek Aziz

    (@tarekht)

    It was an absolute pleasure for me that I could be of assistance ??

    Kudos to you as you have successfully managed to resolve the issue following the solution I shared earlier ??

    If there is anything else we can assist you with, please don’t hesitate to reach out anytime.

    Our support team would be more than happy to help you out.

    All the best,
    Tarek Aziz

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to take off hover effect on image grid’ is closed to new replies.