---
title: "How To Create an Elementor Image Box?"
url: https://theplusaddons.com/docs/create-elementor-image-box/
date: 2024-03-14
modified: 2026-08-17
lang: en
author: "Aditya Sharma"
description: "The Info Box widget in The Plus Addons for Elementor lets you display an image inside a styled info box on any Elementor page. Use it to highlight product images,..."
image: https://theplusaddons.com/wp-content/uploads/2024/03/How-To-Create-an-Elementor-Image-Box_-1024x536.jpg
word_count: 580
---

# How To Create an Elementor Image Box?

## 

- The Info Box widget in The Plus Addons for Elementor displays an image inside a styled info box with a title and description on an Elementor page.
- The setup requires Elementor FREE Plugin and The Plus Addons for Elementor plugin installed and activated, then the Info Box widget turned on under The Plus Addons → Widgets.
- The image box uses the Listing layout, Image in the Select Icon dropdown, and the Image Resolution field to adjust image size; the Carousel layout includes two Select Icon dropdowns.

The Info Box widget in The Plus Addons for Elementor lets you display an image inside a styled info box on any Elementor page. Use it to highlight product images, team photos, or feature visuals with a title and description in a consistent, designed container.

*To check the complete feature overview documentation of The Plus Addons for Elementor Info Box widget, [click here.](https://theplusaddons.com/docs/info-box-widget-settings-overview/)*

**Best Used For:**

- Product or service pages that need visual cards with image, title, and description

- Team or portfolio pages that display photo-based info blocks

- Feature highlight sections that pair an image with text in a grid layout

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- Make sure the Info Box widget is activated, to verify this visit The Plus Addons → Widgets → and Search for **Info Box** and activate.

## How to Activate the Info Box Widget?

Go to

- **The Plus Addons** → **Widgets**

- **Search** the widget name and **turn on the toggle.**

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-info-box/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## How to Create an Image Box in Elementor?

To add an image box, add the Info Box widget to your Elementor page and follow these steps.

1. From the **Select Layout** dropdown, select **Listing**.

2. From **Icon Box Style**, select the display style for the info box.

3. Enter the info box title and content in the **Title** and **Description** fields.

4. From the **Select Icon** dropdown, select **Image**.

> *Note: With the ****Carousel ****layout, there are two ****Select Icon**** dropdowns - one for all info boxes together and one for each info box individually.*

5. From the **Choose the Image** section, add an image from the media library or upload a new one.

6. From the **Image Resolution** field, adjust the image size.

![Image box](https://theplusaddons.com/wp-content/uploads/2024/03/Image-box.png)

You now have an image box using the Info Box widget.

![Image box demo](https://theplusaddons.com/wp-content/uploads/2024/03/Image-box-demo.png)

***Suggested Read:** [How to Add a Link to The Info box in Elementor? [Full Infobox link]](https://theplusaddons.com/docs/add-link-to-the-info-box-in-elementor/)*

***Suggested Read:** [Hover Card Elementor Widget: Settings Overview](https://theplusaddons.com/docs/hover-card-elementor-widget-settings-overview/)*

***Suggested Read:** [How to Create Image Gallery in Grid Layout in Elementor?](https://theplusaddons.com/docs/create-image-gallery-in-grid-layout-in-elementor/)*

## FAQ

**How do I create an image box in Elementor?**
Add the Info Box widget from The Plus Addons for Elementor to your Elementor page, select **Listing** as the layout, select **Image** from the **Select Icon** dropdown, then upload your image from the **Choose the Image** section.

**What is the Info Box widget used for in Elementor?**
The Info Box widget displays an image, icon, or number alongside a title and description in a styled container, making it suitable for feature sections, team grids, and service listings.

**Can I use the Carousel layout for image boxes in Elementor?**
Yes. Select **Carousel** from the **Select Layout** dropdown to display multiple image boxes in a sliding carousel. The Carousel layout includes two **Select Icon** dropdowns — one for all info boxes and one for each individual box.

**How do I change the image size in the Info Box widget?**
After adding your image in the **Choose the Image** section, use the **Image Resolution** field to select the image size.

**The Info Box image is not showing in Elementor — how do I fix it?**
Make sure the Info Box widget is activated under **The Plus Addons → Widgets**. Then verify that an image is selected in the **Choose the Image** section and that **Image** is selected in the **Select Icon** dropdown.

## Related Docs

- [Info Box Widget: Settings Overview](https://theplusaddons.com/docs/info-box-widget-settings-overview/)

- [Hover Card Elementor Widget: Settings Overview](https://theplusaddons.com/docs/hover-card-elementor-widget-settings-overview/)

- [How to Create Image Gallery in Grid Layout in Elementor?](https://theplusaddons.com/docs/create-image-gallery-in-grid-layout-in-elementor/)