=== One Click Blocks For Elementor ===
Contributors: codeandcore
Tags: elementor, blocks, callouts
Requires at least: 5.0
Tested up to: 7.1
Requires PHP: 7.4
Stable tag: 1.0.1
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

One Click Blocks For Elementor lets you create & customize blocks, callouts with multiple layouts, offering full backend control.

== Description ==

One Click Blocks For Elementor is a powerful Elementor extension that enables users to create and customize blocks, and callouts with multiple layout options. The plugin provides full backend control, allowing seamless integration and flexible customization inside the Elementor interface.

== Features ==


* Multiple callout & block layout options
* Full backend control for customization
* Seamless integration with Elementor
* Lightweight and optimized for performance

== Installation ==

1. Upload the `one-click-block-for-elementors` folder to the `/wp-content/plugins/` directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Go to Elementor settings and start using the custom widgets.


== Using the Callouts Widget in Elementor ==

### 1. Drag & Drop the Widget
- Locate the **Callouts** widget in the Elementor panel.
- Drag and drop it into your page layout.

### 2. Choose Layout
- Under the **Content** tab, choose from available layouts:
  - **Layout 1:** Horizontal design with text and icons over a background image.
  - **Layout 2–5:** Each provides a different structure for icons, titles, buttons, and more.

### 3. Configure Content
- Set options like:
  - **Main Title** and **Description**
  - **Right Side Image**
  - **Box Column or Items** with content blocks
  - **Button Text & Link** (for interactive layouts)

### 4. Style Customization
Use the **Style** tab to modify:
- Typography and colors for:
  - Titles
  - Descriptions
  - Box items
  - Icons
  - Buttons
- Image styles (size, border radius)
- Background colors and hover states

### 5. Customize Each Section
Manage your content using **Box Items** or **Box Column**:
- Set icons, background images, text, buttons, and layout-specific details.

---

== Using the Blocks Widget in Elementor ==

### 1. Drag & Drop the Widget
- In the Elementor editor, locate the **Blocks** widget.
- Drag it into your desired section.

### 2. Choose Layout
- Under the **Blocks Layout** dropdown, select layout styles, each offering unique designs.

### 3. Add Section Content
- Configure:
  - **Background Color**
  - **Section Image**
  - **Title & Description**

### 4. Add Items
- Use **+ Add Item** to insert content items like:
  - Stats, numbers, features, descriptions

### 5. Style Your Blocks
Customize in the **Style** tab:
- **Title & Description**: Typography, colors
- **Box Items**: Background, title color, content styling
- **Buttons**: Colors, hover effects, typography
- **Spacing & Border Radius**: Fine-tune layout padding and visuals

---

== Frequently Asked Questions ==

= Does this plugin require Elementor? =
Yes, One Click Blocks For Elementor is an extension for Elementor and requires Elementor to be installed and activated.

= Can I use this plugin with any theme? =
Yes, it is compatible with any WordPress theme that supports Elementor.

= Is this plugin free? =
Yes, One Click Blocks For Elementor is free and open-source under the GPLv2 license.

== Changelog ==

= 1.0.1 =
* Fix: Prevented layout conflicts when multiple block or callout widgets are used on the same page.
* Enhancement: Added uninstall.php to properly clean up database options on deletion.

= 1.0.0 =
* First release of the plugin.

== Upgrade Notice ==

= 1.0.1 =
This update fixes a layout conflict when using multiple widgets on the same page and introduces proper database cleanup upon uninstallation. Upgrading is recommended for all users.

= 1.0.0 =
Initial release with essential Elementor addons, including callouts and blocks with multiple layouts.


== Screenshots ==
1. The Callout widget (Layout 1) in Elementor  Back-end
2. The Callout widget (Layout 1) in Elementor Front-end
3. The Callout widget (Layout 2) in Elementor Back-end
4. The Callout widget (Layout 2) in Elementor Front-end
5. The Callout widget (Layout 3) in Elementor Back-end
6. The Callout widget (Layout 3) in Elementor Front-end
7. The Callout widget (Layout 4) in Elementor Back-end
8. The Callout widget (Layout 4) in Elementor Front-end
9. The Callout widget (Layout 5) in Elementor Back-end
10. The Callout widget (Layout 5) in Elementor Front-end
11. The Blocks widget (Layout 1) in Elementor Back-end
12. The Blocks widget (Layout 1) in Elementor Front-end
13. The Blocks widget (Layout 2) in Elementor Back-end
14. The Blocks widget (Layout 2) in Elementor Front-end
 