In this documentation, we will show you how to customize the Image Accordion widget presented by Element Pack Pro.
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
Find the Style ( Horizontal, Vertical, and Sliding Box ) option and then add Image Accordion widget items here (with the Add Item button).
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.
For Each Item, in Optional Mode, find the Title Link, and Text options.
Additional Settings Section
Go to Content > Additional Settings
Find the Height, Content Width, Image Size, Select Event, Text Alignment, Vertical Alignment, and Active Item Column Expand options.
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
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.
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.
You can also watch the tutorial video about the Image Accordion widget. Please visit the demo page for examples.
Thanks for staying with us.