How to Add Content Reveal on Hover in WordPress (Step-by-Step Guide)

Content Reveal on Hover

• 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 Reveal on Hover Block

• Use the search bar at the top right and type “Content Reveal on Hover”.

• The Content Reveal on Hover block will appear in the results list.

Install the Content Reveal on Hover Block

• Hover over the Content Reveal on Hover block and click Install.

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

Add Content Reveal on Hover to a WordPress Page

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

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

Customize the Content Reveal on Hover Block

Once added, select the Content Reveal on Hover block and use the settings panel on the right. Adjust the Primary Image/Background and the Transition Time to control the animation speed. Define which Content Elements (Title, Text, Buttons) are shown. Customize the Styling for the Overlay Color, Title Typography, and Button Hover Effects to create a dynamic, engaging box that fits your site’s design.