Image Hover Effects For WPBakery Page Builder Pro

Image Hover Effects For WPBakery Page Builder Pro includes CSS3 hover effects and caption controls to images in WPBakery Page Builder. Use the element for product images, portfolios, testimonials, team members, and other image content. WPBakery Page Builder is required.

Choose how the image responds

Select an image from the WordPress media library and choose from 40+ hover effects. CSS3 transitions support movement from left to right, right to left, top to bottom, or bottom to top. Responsive image components are available for layouts designed for various screen sizes.

Adjust the image and caption

• Set a custom width and height for the image area, and adjust caption font sizes.
• Change the colors of the caption, heading, and description.
• Set heading and caption background colors, or use a background image for the caption.
• Define a custom border width and color, and display a title over the image.

Reveal a second image on hover

The Pro version can display a second image when visitors hover over the first. Set Background Type to background image, then use a background image as the second image. This option can show an alternate view of a product, portfolio entry, or other visual.

Add the element to a page

Install and activate WPBakery Page Builder and the extension. In a page or post, add the Image Hover Effects element, choose an image from the media library, and choose an effect. Add a caption heading and description, then adjust the dimensions, colors, backgrounds, border, and transition direction for the layout. The element is in the “by labibahmed” tab. If that tab is not visible, use the dots at the corner of the element section to find it.