Image Hover Effects For WPBakery Page Builder Pro

Image Hover Effects For WPBakery Page Builder Pro adds configurable CSS3 hover effects to image content in WPBakery Page Builder. Use it for product, portfolio, testimonial, team, and other image shows. WPBakery Page Builder is required.

Effects and captions

Choose from 40+ hover effects with transitions that move left to right, right to left, top to bottom, or bottom to top. Select an image from the WordPress media library, then add a caption heading and description. Responsive image hover components are supported.

Image and caption settings

• Set a custom width and height for the image area.
• Adjust 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.

Second-image reveal

The Pro version can show a second image when a user hovers over the first. Set Background Type to background image and use that background image as the second image.

Add the element in WPBakery

Install and activate WPBakery Page Builder and the extension in WordPress. In the WPBakery element section, find the image hover element under the by labibahmed tab. If the tab is not visible, use the dots in the corner of the element section to locate it. Add the element, choose an image and effect, then set the caption and adjust its dimensions, colors, backgrounds, border, and transition direction.