Business Card Block

This block will show business card in web.

Add Business Card Block: #

In your Gutenberg editor, find the Business Card Block and insert, just like others block.

Add Business Card

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 Business Card block.

And in Style, you can style the block.

Sidebar Settings

Add or Remove Contacts: #

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

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

Also, Remove and Duplicate the contact and Add New Contact.

Add Remove Settings

Layout Settings: #

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

And, you can switch between different themes.

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

Layout Settings

Card Style: #

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

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

Card Style

Header Style: #

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

Header Style

Contact Style: #

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

List Style

Powered by BetterDocs

Leave Reply Comments

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

  • X