How to apply a hover effect to the Image object

  • go to MotoPress > Settings > Custom CSS field
  • add custom class name and CSS code of hover effect e.g.
    .custom_image_effect:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    }

    mpce-hover-css.jpg

  • apply custom style to Image object using MotoPress WordPress Page Builder

    mpce-hover-effect.jpg

Related Topics

2 Replies to “How to apply a hover effect to the Image object”

Comments are closed.