CSS: How to prevent hover effects.

  • XARDS
    Asked on July 12, 2021 at 12:52 PM
    Can I deactivate the hover-over-effects (zoom-like effect and mouse changing to a hand)? So that it would only be non clickable images without suggesting any kind of selection requirement?
  • Anthony_Evans
    Replied on July 12, 2021 at 1:06 PM

    Hello again fandila,

    Please inject this CSS to prevent mouse interactions with the first Image Picker widget underneath the header named "Enthaltene Leistungen".

    #cid_136 {
      pointer-events: none !important;
    }


    Please note: This is not inserted into the Custom CSS of the Image Picker widget, this is placed in the "Inject Custom CSS" option in the Form Designer.

    1626109494 60ec763610f7f  Screenshot 10

    You may also remove the rules in your widget CSS that affect the .divimg:hover and .divimg.selected rules. These are no longer able to be triggered since we have disabled pointer-events on the field.

    Please let us know if there's anything else we can help you with!

  • XARDS
    Replied on July 12, 2021 at 1:38 PM

    Thank you, exactly what I wanted =)