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

Table Of Contents

Image Expand widget

How to Use Image Expand Widget

The Image Expand widget is the accordion-type widget. But the fact is the widget will allow you to open the content (image, text, etc.) in the wide mode. Let’s have a look at the doc How to Use the Image Expand Widget.

To Insert Widget

inserting Image Expand widget

Inserting a widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the Elementor Image Expand widget inside the page editor.

Content Tab

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

Now, I’m going to show the sections of the tab and how they work behind the widget.

Image Expand

Simply, go to the Content tab > Image Expand.

2 - BdThemes

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.

3 - BdThemes

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

Note: Click on images to expand and reveal the information.

4 - BdThemes

A little down below, you can add button Text and Link. Mostly, you’ll be able to set the Background Image to the Accordion. Another thing is that you can manipulate the Image Size for the image box.

Additional Settings

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 options provided by Element Pack.

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

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 Expand widget. 

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

Let’s have a look.

Image Expand Item

Just, go to the Style tab > Image Expand Item.

6 - BdThemes

Here, in this section, you might add Overlay Color and Padding to the Content in general.

Title, Subtitle and Text

7 - 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. Take a look at the images below.


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

8 - 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

To sum up, hopefully, you have read the whole doc and were very much focused on the Image Expand widget, developed by Bdthemes. After that, if you think the doc isn’t enough, you can watch the video inserted above, and to get more ideas, visit our 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.