Image Accordion for
WPBakery Page Builder
Show a row of images that expand to reveal their content on hover or click. Add a panel for each image with a title, text, and icon, then style it, all with no code.
One row, lots of reveal.
The Image Accordion widget turns a set of images into a sleek, expanding showcase. Add a panel for each image with a title, description, icon, and link, then choose horizontal or vertical and whether panels open on hover or click. Set the overlay, colors, and transition to match your brand.
It works the way WPBakery already works. Add a panel, drop in an image, type a title, and you are done. Nothing to learn, nothing to fight with.
See the Image Accordion in action
Everything you can control
Horizontal or vertical
Hover or click to expand
Rich panels
Overlay and alignment
Adjustable expand width
Colors and transition
Horizontal or Vertical, Hover or Click
The General settings shape how the accordion behaves. Lay the panels out horizontally or vertically, choose whether they expand on hover or on click, set which panel is open first, and control how much wider the active panel grows.
A Rich Panel for Every Image
Each panel is more than a picture. Add the image, a title, a description, and an optional icon, then wrap the whole panel in a link. Add as many panels as you like to build a services row, a feature strip, or a category showcase.
Overlay and Content Placement
Keep text readable over any image. Set the overlay color and opacity so titles stay legible, and align the content to the bottom, center, or top of each panel, giving your accordion a clean, consistent look as panels open and close.
Colored and Smoothly Animated
Make it feel polished and on brand. Color the title, description, and icon, round the panel corners, and set the transition speed so panels glide open at just the right pace, smooth on desktop and responsive on smaller screens.