In this documentation, we will show you how to customize the Image Expand widget presented by Element Pack Pro.
Inserting The Image Expand Widget
On the Elementor editor page, search by the Image Expand 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 Expand section
Go to Content > Image Expand
Find the Image Expand Style (Horizontal, Vertical, and Sliding Box) options and items here (with the Add Item button).
Click on the items, you will find two sub-sections; Content and Optional.
In Content Mode, find the Title, Sub Title, Button Text, Button Link, and Background Image options.
In Optional Mode, find the Title Link and Text options.
Go to Content > Additional
Come to the Additional section, Find the Height, Content Width, Image Size, Text Alignment, and Vertical Alignment options.
Here Find the Title HTML Tag, Text Hide On( Mobile, Tablet, and Desktop), and Basic Animation Options.
Also, Find the Show Title, Show Sub Title, Show Button, Show Text, Advanced Animation, and Show Lightbox switchers.
Work with The Style Tab
Image Expand Item section
Go to Style > Image Expand Item
Here, find the Overlay Color and Content Padding options.
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.
Go to Style > Text
Come to the Text section, and find the Color, Spacing, and Typography options.
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, and Box Shadow options.
Here, also find the Border Type, Border Radius, Padding, Typography options, and Advanced Radius switcher.
In Hover Mode, Find the Text Color, Background Type( Classic, and Gradient), and Background Color options.
All done! You have successfully customized the widget on your website.
You can also watch the tutorial video about the Image Expand widget. Please visit the demo page for examples.
Thanks for staying with us.