Black Friday Sale!

Days
Hours
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

wordpress-black-friday-deals-2025
blocks library for wordpress
Scroll Marquee Effect - Featured Blog
Content Box Sliding Effect Block for WordPress

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

This step-by-step guide will show you how to add a Content Box Sliding Effect to your WordPress site using the Unlimited Elements Blocks Library. This dynamic block adds a stylish content box that reveals information with a smooth sliding animation on hover, perfect for showcasing features or services with visual flair, and works directly inside the native WordPress block editor (Gutenberg) – no coding required.

Instructions

1

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.

Install-Unlimited-Elements-Block
2

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.

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

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

Open-the-Blocks-Library
3

Search for the Content Box Sliding Effect Block

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

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

Search-for-Block
4

Install the Content Box Sliding Effect Block

  • Hover over the Content Box Sliding Effect block and click Install.

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

Install-the-WordPress-Block
5

Add Content Box Sliding Effect to a WordPress Page

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

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

Add-Image-Accordion-to-a-WordPress
6

Customize the Content Box Sliding Effect Block

Once added, select the Content Box Sliding Effect block and use the settings panel on the right. Adjust the Content Animation Direction, set the Box Height and Background Color, and control the visibility of the Title, Description, and Button. Customize the Styling for the Text Typography, Button Radius, and Box Shadow to create a dynamic, highly engaging content box that fits your site’s design.

Content Box Sliding Effect Block for WordPress

Grab this deal
before it's gone!

Days
Hrs
Min
Sec

30-Day Money-Back Guarantee

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!