How To Use Image Expand Widget By Element Pack Pro

  • BdThemes
  • How To Use Image Expand Widget By Element Pack Pro

Table Of Contents

How To Use Image Expand Widget By Element Pack Pro

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

Inserting The Image Expand Widget

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

Step-1

Image Expand1 - BdThemes

Find the Image Expand Style (Horizontal, Vertical, and Sliding Box) options and items here (with the Add Item button).

Step-2

Image Expand2 - BdThemes

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.

Step-3

Image Expand3 - BdThemes

In Optional Mode, find the Title Link and Text options.

Additional section

Go to Content > Additional

Step-1

Additional1 - BdThemes

Come to the Additional section, Find the Height, Content Width, Image Size, Text Alignment, and Vertical Alignment options.

Step-2

Additional2 - BdThemes

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

Image Expand Item - BdThemes

Here, find the Overlay Color and Content Padding options.

Title section

Go to Style > Title

Title 18 - BdThemes

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

Sub Title section

Go to Style > Sub Title

Sub Title - BdThemes

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

Text section

Go to Style > Text

Text 6 - BdThemes

Come to the Text section, and find the Color, Spacing, and Typography options.

Button section

Go to Style > Button

Step-1

Button1 - BdThemes

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.

Step-2

Button2 - BdThemes

Here, also find the Border Type, Border Radius, Padding, Typography options, and Advanced Radius switcher.

Step-3

Button3 - BdThemes

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.

Video Assist

You can also watch the tutorial video about the Image Expand 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.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge