=== Page Overlay Background for Elementor ===
Contributors: samiur6688
Tags: elementor, overlay, page-overlay, background, full-page
Requires at least: 5.6
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Add a customizable full-page overlay background to your Elementor pages.

== Description ==

**Page Overlay Background for Elementor** adds a full-page overlay background option to Elementor pages. Users can enable a page overlay and customize its color. The overlay works seamlessly in both the Elementor editor and the frontend.

**Features:**
- Enable or disable a full-page overlay.
- Choose any overlay color (supports RGBA for transparency).
- Works on all Elementor pages with live preview.

**How It Works:**
The plugin adds a fixed overlay element on top of the page content with the selected color. When enabled, the overlay appears immediately without interfering with user interaction.

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/page-overlay-background-for-elementor` directory, or install the plugin through the WordPress **Plugins** screen.
2. Activate the plugin through the **Plugins** screen in WordPress.
3. Open the Elementor editor, edit a page, and go to the **Style** tab in Page Settings.
4. Look for the **Page Overlay Background** section, enable the overlay, and select your desired color.

== Frequently Asked Questions ==

= Can I disable the overlay on certain pages? =
Yes, simply turn off the **Enable Overlay** switch in the Page Settings for that page.

= Can I use transparent colors for the overlay? =
Yes, you can use RGBA values for transparency (e.g., `rgba(0,0,0,0.5)`).

== Screenshots ==

1. Example of editor output.
2. Example of frontend output.

== Changelog ==

= 1.0 =
* Initial release