Turn Your Minimum Efforts Into Maximum Results

Table Of Contents

How To Use Image Accordion Widget By Element Pack Pro

In this documentation, we will show you how to customize the Image Accordion widget presented by Element Pack Pro.

Inserting The Image Accordion Widget

Inserting The Image Accordion Widget

On the Elementor editor page, search by the Image Accordion widget name, then drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Image Accordion Section

Go to Content > Image Accordion

Step-1

Image Accordion Section

Find the Style ( Horizontal, Vertical, and Sliding Box ) option and then add Image Accordion widget items here (with the Add Item button).

Step-2

Click on the Image Accordion Items, you will find two sub-sections; Content and Optional.

For Each Item, in the Content Mode, find the Title, Sub Title, Button Text, Button Link, and Background Image options.

Step-3

For Each Item, in Optional Mode, find the Title Link, and Text options.

Additional Settings Section

Go to Content > Additional Settings

Step-1

Find the Height, Content Width, Image Size, Select Event, Text Alignment, Vertical Alignment, and Active Item Column Expand options.

Step-2

Also find the Show Title, Show Sub Title, Show Button, Show Text, Show Lightbox, Title Hide on Mobile, Sub Title Hide on Moblie, Text Hide on Moblie, and Button Hide On Mobile switchers.

Work with The Style Tab

Image Accordion Section

Go to Style > Image Accordion

Here Find the Overlay Color, Content Padding, Divider Color, Width, and Enable Item Style options.

Title Section Customizations

Go to Style > Title

Find the Title Color, Spacing, Typography, and Text Stroke options.

Sub Title Section

Go to Style > Sub Title

Find the Sub Title Color, Spacing, and Typography options.

Text Section Customizations

Go to Style > Text

Come to the Text section, you will get Color, Spacing, and Typography options.

Button Section Customization

Go to Style > Button

Step-1

Come to the Button section, you will find two sub-sections; Normal, and Hover.

In Normal Mode, Find the Button Text Color, Background Type( Classic, and Gradient), Background Color, Border Type, Border Radius, Padding, Typography, Advanced Radius, and Box Shadow options.

Step-2

In Hover Mode, Find the Text Color, Background Type( Classic, and Gradient), and Background Color options.

All done! You have successfully customized the Image Accordion widget on your website.

Video Assist

You can also watch the tutorial video about the Image Accordion widget. Please visit the demo page for examples.

Thanks for staying with us.

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 14-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.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge