Documentation > WordPress > Plugins > Content Editor > How to > How to apply a hover effect to the Image object

How to apply a hover effect to the Image object

Published: December 4, 2015Updated: June 3, 2021

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%);

}
```
apply custom style to Image object using MotoPress WordPress Page Builder

Related Topics

How to enable Full Width Parallax effect at background

How to add anchor link

How to hide an object for mobile device

How to register API keys for Google Maps Addon

How to put Accordion into Tabs

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

Dalton Lim Ren Tak says:
December 28, 2017 at 5:45 pm
how can i explore other types of hover effects
1. MotoPress says:
  December 29, 2017 at 8:58 am
  You can search for other hover styles, add them and add apply for image or other elements. Since version 2.5 You can also apply hover styles via Style Editor

Comments are closed.