{"id":277097,"date":"2026-01-25T05:35:58","date_gmt":"2026-01-25T05:35:58","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/page-overlay-background-for-elementor\/"},"modified":"2026-01-25T05:46:49","modified_gmt":"2026-01-25T05:46:49","slug":"page-overlay-background-for-elementor","status":"publish","type":"plugin","link":"https:\/\/th.wordpress.org\/plugins\/page-overlay-background-for-elementor\/","author":20921488,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"1.0","tested":"6.9.4","requires":"5.6","requires_php":"7.2","requires_plugins":null,"header_name":"Page Overlay Background for Elementor","header_author":"Samiur6688","header_description":"Adds a customizable full-page overlay background option to Elementor pages.","assets_banners_color":"","last_updated":"2026-01-25 05:46:49","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":110,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"samiur6688","date":"2026-01-25 05:46:49"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3446404,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3446406,"resolution":"1","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3446406,"resolution":"2","location":"assets","locale":""}},"screenshots":{"1":"Example of editor output.","2":"Example of frontend output."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[2767,76538,193047,8773,254613],"plugin_category":[],"plugin_contributors":[240585],"plugin_business_model":[],"class_list":["post-277097","plugin","type-plugin","status-publish","hentry","plugin_tags-background","plugin_tags-elementor","plugin_tags-full-page","plugin_tags-overlay","plugin_tags-page-overlay","plugin_contributors-samiur6688","plugin_committers-samiur6688"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/page-overlay-background-for-elementor\/assets\/icon-256x256.png?rev=3446404","icon_2x":"https:\/\/ps.w.org\/page-overlay-background-for-elementor\/assets\/icon-256x256.png?rev=3446404","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/page-overlay-background-for-elementor\/assets\/screenshot-1.png?rev=3446406","caption":"Example of editor output."},{"src":"https:\/\/ps.w.org\/page-overlay-background-for-elementor\/assets\/screenshot-2.jpg?rev=3446406","caption":"Example of frontend output."}],"raw_content":"\n

Page Overlay Background for Elementor<\/strong> 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.<\/p>\n\n

Features:<\/strong>\n- Enable or disable a full-page overlay.\n- Choose any overlay color (supports RGBA for transparency).\n- Works on all Elementor pages with live preview.<\/p>\n\n

How It Works:<\/strong>\nThe 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.<\/p>\n\n\n

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

    Can I disable the overlay on certain pages?<\/h3><\/dt>\n

    Yes, simply turn off the Enable Overlay<\/strong> switch in the Page Settings for that page.<\/p><\/dd>\n

    Can I use transparent colors for the overlay?<\/h3><\/dt>\n

    Yes, you can use RGBA values for transparency (e.g., rgba(0,0,0,0.5)<\/code>).<\/p><\/dd>\n\n<\/dl>\n\n\n

    1.0<\/h4>\n\n
      \n
    • Initial release<\/li>\n<\/ul>","raw_excerpt":"Add a customizable full-page overlay background to your Elementor pages.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/277097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=277097"}],"author":[{"embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/samiur6688"}],"wp:attachment":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=277097"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=277097"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=277097"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=277097"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=277097"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=277097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}