How to Add Icon Box Hover Effect 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 Icon Box Hover Effect Block

• Use the search bar at the top right and type “Icon Box Hover Effect”.

• The Icon Box Hover Effect block will appear in the results list.

Install the Icon Box Hover Effect Block

• Hover over the Icon Box Hover Effect block and click Install.

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

Add Icon Box Hover Effect to a WordPress Page

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

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

Customize the Icon Box Hover Effect Block

Once added, select the Icon Box Hover Effect block and use the settings panel on the right. Adjust the Hover Animation Type, set the Box Height and Background Colors for both the normal and Hover State. Customize the Styling for the Icon Size, set different Icon Colors, and define the Typography for the Title and Description to create a dynamic, engaging feature box that fits your site’s design.