Image Box - Elementor Widget

A premium WordPress plugin that adds an advanced Image Box widget to Elementor. Perfect for creating stunning image galleries with stylish labels and customizable designs.

Plugin Details

• Plugin Name: Image box - Elementor Widget
• Version: 1.0.0
• Author: The Brandsmen
• Author URI: https://www.thebrandsmen.com
• License: GPL v2 or later

Features

• Image Box Widget - Add beautiful image boxes with customizable labels
• Widget Name: Image Box Mosaic Minds
• Fully Responsive - Works perfectly on all devices
• Elementor Control Panel - Easy-to-use controls in Elementor
• Customizable Styling:
  • Image dimensions and border radius
  • Label background and text colors
  • Typography controls
  • Box shadow effects
  • Container alignment and spacing
  • Hover effects

Installation

1. Download the plugin files
2. Upload the image-box-elementor-widget folder to /wp-content/plugins/
3. Activate the plugin through the WordPress admin panel
4. Elementor must be installed and activated for this plugin to work

Requirements

• WordPress 5.0 or higher
• Elementor 2.0 or higher
• PHP 7.0 or higher

Usage

1. Create or edit a page with Elementor
2. Search for "Image Box Mosaic Minds" widget in the Elementor widget panel
3. Drag the widget to your page
4. Configure the widget settings:
   • Upload an image
   • Add a label (e.g., "OCD", "ANXIETY", etc.)
   • Optionally add a link
   • Customize colors, typography, and spacing

Widget Settings

Content Tab

• Image - Select the image to display
• Image Size - Choose the image size
• Label - Add text to display below the image
• Link - Optional link for the entire widget

Style Tab

Image Section

• Width and responsive control
• Border radius
• Box shadow effects

Label Section

• Background color (default: Orange)
• Text color (default: Black)
• Typography (font family, size, weight, etc.)
• Padding
• Border radius

Container Section

• Alignment (Left, Center, Right)
• Spacing between image and label

Customization

You can further customize the widget by:

1. Editing Plugin Files:

   • Main Plugin: image-box-elementor-widget.php
   • Widget Class: includes/class-image-box-widget.php
   • Styles: assets/css/image-box-widget.css

2. Adding Custom CSS:

   • Use .image-box-container for the main container
   • Use .image-box-img for the image element
   • Use .image-box-label for the label element

File Structure

image-box-elementor-widget/
├── image-box-elementor-widget.php    # Main plugin file
├── includes/
│   └── class-image-box-widget.php    # Widget class
├── assets/
│   └── css/
│       └── image-box-widget.css      # Widget styles
├── languages/                         # Translation files (i18n)
└── README.md                          # This file

CSS Classes for Styling

• .image-box-container - Main container
• .image-box-link - Link wrapper (if link is set)
• .image-box-wrapper - Wrapper for image and label
• .image-box-img - Image element
• .image-box-label - Label element

Hooks and Filters

The plugin provides the following hooks for developers:

• elementor/widgets/register - Widget registration hook
• wp_enqueue_scripts - Frontend script/style enqueueing

i18n/l10n Support

The plugin is fully internationalized with the text domain image-box-elementor-widget. Languages files can be added to the languages/ folder.

Support

For support, bug reports, or feature requests, please visit: https://www.thebrandsmen.com

License

This plugin is licensed under the GPL v2 or later. See the License URI for more information.

Changelog

Version 1.0.0 (February 18, 2026)

• Initial release
• Image Box Mosaic Minds widget
• Full Elementor integration
• Responsive design
• Comprehensive styling controls