Image panels side by side: the panel under the mouse grows and shows its title, text and button. It comes with Bright Addons Blocks Pro, which also includes every free block.
Live demo
This is the block itself with its starting settings. Change any of them in the block sidebar.
What you can set
The Image Accordion block has 4 settings panels. No code needed.
Set panels.
Set orientation, Stack the panels on, Open on, When the mouse leaves, Height (px), Open panel size, Gap (px), Animation speed (ms), Corner radius (px) and 1 more settings.
Set show content, Turned title on closed panels, Title tag, Vertical position and Alignment.
Set 7 color settings.
How to use it
Settings
The full list, panel by panel, is in the Image Accordion guide.
| Setting | What it does | Choices |
|---|---|---|
| Panels (Panels) | A list you can add to, remove from and reorder. Each item has: image, title, description, icon (optional), button, button text, link, open link in a new tab, open by default, image focus point and own overlay color. | – |
| Orientation (Accordion) | Choose one. | Side by side, Stacked |
| Stack the panels on (Accordion) | Choose one. | Never, Tablets and phones, Phones |
| Open on (Accordion) | Choose one. | Hover, Click |
| When the mouse leaves (Accordion) | Choose one. | Back to the default panel, Keep the last panel open, All panels equal |
| Height (px) (Accordion) | From 150 to 900. | – |
| Open panel size (Accordion) | How many times wider the open panel is than a closed one. From 1.5 to 10. | – |
| Gap (px) (Accordion) | From 0 to 40. | – |
| Animation speed (ms) (Accordion) | From 200 to 1500. | – |
| Corner radius (px) (Accordion) | From 0 to 40. | – |
| Image zoom on the open panel (Accordion) | From 1 to 1.3. | – |
| Show content (Content) | Choose one. | Open panel only, Always |
| Turned title on closed panels (Content) | On or off. | – |
| Title tag (Content) | Choose one. | H1, H2, H3, H4, H5, H6, div, p |
Questions
Image Accordion is a Pro block. It comes with Bright Addons Blocks Pro, which has the same plans and prices as Bright Addons Pro for Elementor and includes all 62 free blocks.
No. It is a block for the WordPress block editor (Gutenberg). Elementor is not needed. If you use Bright Addons Pro for Elementor on the same site, both plugins work side by side.
No. Each block loads only its own small CSS and JavaScript, and only on pages where it is used. Blocks you do not need can be switched off in Bright Blocks.
Yes. The blocks work with block themes and classic themes, and follow your theme fonts. Wide and full width alignment are supported.
More blocks
Bright Addons Blocks
Blocks Pro has all 99 Pro blocks, the 62 free blocks, Pro effects for every block, Theme Templates and popups.
Yearly and lifetime plans. Use this code at checkout:
14-day money-back guarantee. Ends Monday 30 November at 23:59.
