How to use the Unfold block by Zoloblocks

  • BdThemes
  • How to use the Unfold block by Zoloblocks

Table Of Contents

How to use the Unfold block by Zoloblocks

This documentation provides comprehensive insights into the Unfold Block developed by Zoloblocks.

Adding a block to the editor

search and insert 1 - BdThemes
  1. Click the Toggle Block Inserter icon and a sidebar will appear on the left side, All the blocks will be visible here.
  2. Search by the Unfold block name.
  3. Then select the appear blocks ( with zoloblocks logo T.R corner).
  4. After Drag and Drop it on the page.
list view and controls 2 - BdThemes

After Inserting the blocks, Follow this.

  1. Click on the Document Overviewer button and the Blocks list view will appear.
  2. Here appears the Unfold block.
  3. After on the right side, Click on the Block. Then the Unfold details appear.
  4. Here shows all the control tabs( BasicStyleExtra ) of a block.

Add Block to Unfold

add item for unfold - BdThemes

Add blocks by following,

  1. Click on the ” + ” icon and the blocks grids appear.
  2. There search box will appear search by the blocks name e.g.: ” Image Gallery “.
  3. The blocks will appear and select it.
add item for unfold 2 - BdThemes

Basic Tab

The Basic tab controller displayed here offers the flexibility to adjust the layout of blocks according to your preferences.

General Section

Go to Basic > General

General 1 - BdThemes

Set content for the unfold,

  1. Collapse Button: Set the content for the collapse.
  2. Expand Button: Set the content for the expand.

Content Options

Go to Basic > Content

Content options - BdThemes

Controls for the content options,

  1. Collapsed Height: Set the height for the collapsed.
  2. Transition Duration (ms): Set the transition duration for it.

Style Tab

Provide the controller to make the visual appearance or presentation of the tabs. This includes aspects visually appealing and cohesive with the overall design of the interface.

Button Section

Go to Style > Button

button - BdThemes

Make the button looks great by following the controls,

  1. Typography: Set the typography for the button.
  2. Padding: Set the padding for it.
  3. Margin: Set margin for the button.
button 2 - BdThemes
  1. Border: Set the border for the button.
  2. Border Radius: Make the border radius.
  3. Button Alignment: Set alignment for the button.

Normal State for Button

button normal 1 - BdThemes
  1. Color: Set the color for the button.
  2. Background: Set the background for the button.

Hover State for Button

button hover 1 - BdThemes

The changes will appear on mouse hover,

  1. Color: Set the color for the button.
  2. Background: Set the background for the button.

Extra Tab Control

The extra tabs provide the controls of any blocks. You can make different visual layouts by following these Controls.
Click to learn more>>.

Video Assist

Video Tutorial is coming soon!
Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge