Fraud Blocker
  • Home
  • Products
  • Support
  • Blog
  • Contact

Table Of Contents

Image Accordion widget

How to Use Image Accordion Widget

The image accordion widget is a graphical control element. The important thing is that it comprises a vertically stacked list of items, such as labels or thumbnails. It is collapsible and extendable to reveal the content associated with that item.

In the documentation below, I’ll show you Image Accordion Widget by Element pack

So, let’s dive into the doc.

To Insert Widget

inserting the Image Accordion widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the WordPress accordion widget inside the page.

Content Tab

Using the Content tab, you’ll be able to make a layout of a particular part (such as Accordion) of a website. And in this regard, some handy sections in the tab will assist you a lot in designing the Image Accordion widget.

Image Accordion

imageaccordion widget 2 - BdThemes

Simply, go to the Content tab > Image Accordion.

Step-1: After dragging and dropping the widget in a new section, you will get a list group. The list not limited, you can add a new list in the group just clicking on the ADD ITEM button.

imageaccordion widget 3 - BdThemes

Step-2: You can edit every single list item. Simply, Go to the Image Accordion and hit any desire accordion items (Image Accordion) > then Set Title, Title Link, Subtitle & Content.

imageaccordion widget 4 - BdThemes

Moreover, you might add button Text and Link. Mostly, you’ll be able to set Background Image to the Accordion. Another thing is that you can manipulate the Image Size.

Additional Settings

imageaccordion widget 5 - BdThemes

Go to the Content tab > Additional > and check all the controls.

Mostly, from this section, you can adjust the Height and Content Width.

This section includes a few on/off switcher options. Using the options, you will easily be able to manage other contents of the Image Accordion for Elementor.

imageaccordion widget 6 - BdThemes

Look at the Responsive mode of the Elementor panel > hit the Responsive mode > select mobile. After that, if you want you can hide/ reveal some contents (Title, Sub Title, and Button) on mobile.

Style Tab

Now, let’s work with Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Image Accordion widget. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Image Accordion

imageaccordion widget style 1 - BdThemes

Simply, go to the Style tab > Image Accordion.

Here, in this section, you might add Overlay Color and Padding to the Content in general. And under the subsection Divider, you can add Color and Width.

Title, Subtitle and Description

imageaccordion widget style 2 - BdThemes

Go to the sections one by one.

In these three sections, you might do the same things such as adding Color, Spacing, and Typography for the WordPress accordion. Take a look at the image above.


Come to the Button section. In general, you’ll be able to set Border, Border Radius, Padding, and also you can set Advanced Radius.

imageaccordion widget style 4 - BdThemes

There, you will find two modes (Normal and Hover mode). In terms of Both of the modes, you can style. See the images above.

Video Assist

In conclusion, if you read the whole doc attentively, you’ll find how easy to use the Image Accordion widget by Bdthemes. After that, if you feel, this doc isn’t enough, you can go for the video inserted above and take a look at the demo page.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 30-days money-back guarantee.

BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins.

This website is powered by Element Pack Pro and Rooten Theme.

New Year Sales Are Giving up to ~70% Price Off!! on our products | Coupon: HNY2023

Need any assistance? Call Us:+880 1700 55 95 95

Copyright © 2023 BdThemes. All Rights Reserved.