How to Add Content Box Overlay in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Content Box Overlay Block

• Use the search bar at the top right and type “Content Box Overlay”.

• The Content Box Overlay block will appear in the results list.

Install the Content Box Overlay Block

• Hover over the C data-end="1070">Install.

• This adds the block to your available options in the editor.

Add Content Box Overlay to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Content Box Overlay”, and insert it into the page.

Customize the Content Box Overlay Block

Once added, select the Content Box Overlay block and use the settings panel on the right. Adjust the Overlay Animation, set the Overlay Background Color and Opacity, and control the Transition Speed. Customize the Styling for the Main Box, Overlay Text Typography, and Button to create an interactive, information-rich element that complements your site’s design.