How can I specify to lock a certain image from enlarging on my form.

  • zoiglobal
    Asked on January 21, 2018 at 5:42 PM

    Hello!

    Currently, I use CSS to enlarge images on my form when hover over image.  However, how can I specify certain images that I DO NOT want to enlarge?

    The image I DO NOT want enlarge is the image on Page 1 of my form entitled Business Plan.

    Thank you for your help, as always!

    Denise

  • Nik_C
    Replied on January 22, 2018 at 2:33 AM

    Please try inserting the below CSS to your Custom CSS Field:

    #cid_16 > div > img {

        display: block!important;

        transform: none!important;

        position: static!important;

        margin-left: 30%!important;

    }

    That will make the first image not enlarging on hover, you can check how it works here:

    https://form.jotform.com/80210986501956

    Let us know how it worked.

    Thank you!

  • zoiglobal
    Replied on January 22, 2018 at 3:02 AM

    Thank you so much, Nik!  That solved my issue.

    I appreciate you.

    D