How to add Zoom in sign on the mouse cursor hover

  • Resolved kibiribi

    (@kibiribi)


    4 years, 2 months ago

    I want to show on the single pic special zoom in symbol when user will move cursor over the thumbnail preview image like this – screenshot – https://prnt.sc/udvgz8
    Is it possible to do via CSS class on Hover event?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi @kibiribi,

    Yes, it’s possible but more than on hover, you need the adjust the CSS code of the div inside your gallery display to use cursor: zoom-in;

    That will depend on the Gallery display that you are using, of course.
    You said it was a single pic?

    Go to Appearance > Customize > Additional CSS
    Copy and paste this code.
    Note: Do not forget to click on “Publish.”

    .ngg-gallery-singlepic-image a{cursor: zoom-in;}

    We hope that this helps.
    Please, keep us posted.

    • This reply was modified 4 years, 2 months ago by gabyimagely.
    Thread Starter kibiribi

    (@kibiribi)

    Thanks- it works for me great!
    screenshot – https://prnt.sc/uihcag

    ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to add Zoom in sign on the mouse cursor hover’ is closed to new replies.