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

Adding a block to the editor

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 Marquee block name.
3. Then select the appear blocks ( with zoloblocks logo T.R corner).
4. After Drag and Drop it on the page.

After Inserting the blocks, Follow this.

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

Add Blocks to Marquee

After inserting the marquee block you can add block by following it,

1. Click on the ” Plus ” Icon to add the block.
2. Select the block by following it or you can search there also.

3. After adding the block, it appear on the marquee. Choose any block you like.

4. Add another blog. If you like you can add as many block as you want.

After adding block you can see it, If you like you can add many as you want.

5. click on the ” + Add Marquee ” button to add more marquee blocks.

Basic Tab

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

Marquee Options Section

Go to Basic > Marquee Options

Follow these marquess options to change the apperances,

1. Items Gap: Set the gap between the items.
2. Scroll Speed: Set the scroll speed.
3. Shadow Offset: Set the offset shadow.

4. Auto Scroll Direction: Set the direction for auto scroll.
5. Mouse Scroll Interactivity: Enable the switcher to show mouse scroll interactivity.
6. Initial Pause: Enable it to pause marquee initially.

7. Pause on Hover: Enable the switcher to pause on hover.
8. Click to Center: Enable it to click to center.
9. Draggable: Enable the switcher to make it draggable.

10. Shadow: Enable it to show the shadow.
11. Rotate: Enable it to rotate 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.

Marquee Item Section

Go to Style > Marquee Item

Make the marquee item more customizable by following the controls,

1. Border: Set the border for the marquee item.
2. Border Radius: Make the border radius.
3. Padding: Set the padding.
4. Margin: Set margin for outter space.

Normal State for Marquee Item

5. Background: Set the backgrond for the items.
6. Box Shadow: Make the box shadow.

Hover State for Marquee Item

7. Background: Set the background for the item, The changes will appear on mouse hover.

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!

Check the Demo Page.

Thanks for being with us!