WPBakery Page Builder provides the editing interface; Image Hover Effects For WPBakery Page Builder Pro adds an picture element for CSS3 hover effects and captions. Use it for product, portfolio, testimonial, team, or other image displays.

Add an image and select its effect

Select an image from the WordPress media library, add the Image Hover Effects element in WPBakery, and choose from 40+ hover effects. Transitions can move left to right, right to left, top to bottom, or bottom to top. Add a caption heading and description for the hover presentation.

Adjust the show

• Use responsive image hover elements and set a custom width and height for the image area.
• Set caption font sizes and the colors of captions, headings, and descriptions.
• Set heading and caption background colors, or add a background image to the caption.
• Choose a custom border width and color, and display a title over the image.

Reveal another image on hover

The Pro version can display a second image when visitors hover over the first. Set the Background Type option to background image and use that background image as the second image.

Find the element in WPBakery

WPBakery Page Builder is required. Install and activate it and the extension in WordPress, then look for the image hover element in the “by labibahmed” tab of the WPBakery element section. If the tab is not visible, use the dots at the corner of the element section to locate it.