Icon List Block

This block will show icons instead of bullets of list.

Add Icon List Block: #

In your Gutenberg editor, find the Icon List Block and insert, just like others block.

Add Icon List

Settings/Options: #

Sidebar Settings: #

Select the block, you will see the settings option in the right sidebar. There are two options, General and Style.

In General, you can change the main settings of the Icon List block.

And in Style, you can style the block.

Sidebar Settings

Add or Remove Lists: #

In the right sidebar, you can see the option for Add or Remove Lists.

In this setting, you can change the Icon and text of each list.

Also, Remove and Duplicate the list and Add New List.

Add Remove Settings

Layout Settings: #

In layout settings, you can set the width of lists card.

Also, you can align the lists card from block toolbar (after block select, it will show in top).

Layout Settings

Lists Card Style: #

Switch to Style Tab and you can see the Card Style Options.

You can change the background, padding, border and shadow of lists card.

Lists Card Style

Header Style: #

You can change the margin of header, show/hide title, title typography, title color, show/hide description, description typography, description color, show/hide separator, separator settings from this option.

Header Style

List Style: #

From here you can change icon size, icon colors, text typography, text color of list.

List Style

Powered by BetterDocs

Leave Reply Comments

Your email address will not be published. Required fields are marked *

  • X