Read more button for text or section/row

The “Read More” button for the text is a great solution for the long “Text Block” that hides the overflowing text and reveals it when needed.

How to set up in WPBakery:

Step 1. Create a structure in your page builder where the “Button” element will be after the long “Text Block” or any other elements. Note that these elements should be in one column and the button should be the last element. 

Step 2. Activate the “Collapsible content” option in the settings of the column.

Step 3. Activate the “Enable collapsible content” option in the settings of the button.

How to set up in Elementor:

Step 1. To create collapsible content, you need to use the Container element. Locate it in the elements panel and add it to the page. 

Step 2. Create a structure in Elementor builder where the “Button” element will be after the long “Text Block” or any other elements. Note that these elements should be in one container and the button should be the last element. 

Step 3. Activate the “Collapsible content” option in the settings of the Container element.

Step 4. Activate the “Use of collapsible content” option in the settings of the button.

After those steps, part of the section/row will be hidden, thus making the section more compact.