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

Choose an effect and transition direction

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 hover elements are available 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 add a background image to the caption.
• Set a custom border width and color, and display a title over the image.

Reveal a second image on hover

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

Add the element in WPBakery

Add the Image Hover Effects element in WPBakery, choose an image and effect, then enter a caption heading and description. Adjust the dimensions, colors, backgrounds, border, and transition direction to fit the layout. Find the element in the by labibahmed tab; if the tab is not visible, use the dots at the corner of the element section.