Expand/Show More block allows you to display small snippets of text to your visitors first before displaying the entire information.
How To Add The Expand/Show More Block #
- 1.Open a page or a post and click on the plus icon to add a new block and look for the Expand/Show More or you can search for it if it doesn’t pop up quickly for you.
- 2.By default, you’ll get the below design-
%20(1).png?alt=media&token=7a07be9b-6a77-47a4-87b3-5e8a8c0551ec)
How To Configure The Expand/Show More Block #
To configure the content of your Expand/Show More block, switch to the ‘Content’ tab.
General #
Title – Toggle button to display/hide title in the expand/show more block.
%20(1).png?alt=media&token=0a4fd533-484d-41d5-b58c-33ac5b850f22)
How To Style The Expand/Show More Block #
Switch to the ‘Style’ tab to customize ‘Typography’, ‘Spacing’ and ‘Color Setting’ for the block.
Typography #
Under the Typography tab, options for font family, font size, font–weight, and line-height are available for Title, Text, and Link.
%20(1).png?alt=media&token=86a26b4d-e25a-4edd-94c3-9f94caa3308c)
Spacing #
Spacing tab offer options to customize the bottom margin for Title, Text, and Link.
%20(1).png?alt=media&token=09320716-9416-4422-8d4f-9441cc9b402d)
Color Settings #
Under the Colors tab, color options are available for Title, Text, and Link.
