Card Block

This block allows you to add cards to describe your product, service, or person.

General

Number of Cards - Increase or decrease the number of cards.

Image

You will get an option to upload an image for each card individually.

Image Settings

Size - Select a size for the image as full, medium, large, or thumbnail.

Image Position: You can select the position of the background image for the block from here. If you want to show the top left part of the image, select the position as left top. Similarly, choose the part of the image that you want to display from Left Top, Left Center, Left Bottom, Right Top, ..., Center Bottom, etc.

Image Repeat: You can choose to repeat the image on the x-axis, y-axis, or on both axis.

Image Size: You can select the size of the image as cover, auto, or contain from here.

Column Background

You can select a background type for the block from here. The options available are:

  1. Color

  2. Gradient

  3. Image

Typography

Under the Typography tab, options for font size and line-height are available for Title, Sub-title, or Content.

Button Settings

Choose to open the link in a new tab.

Button Size - Select a size for the image as small, medium, large, or extra-large.

  • Button Border

    Border Style - You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it.

    Border Width - Set a width for the border from here.

    Rounded Corners - You can give border-radius to the box from here. There are options to customize the button padding and margin separately for Vertical and Horizontal.

Under the Colors tab, color options are available for Button and Button Text.

Icon Settings

Select an icon to display on the button from here.

Icon Position: You can display the icon after or before the text.

Select a color for the icon.

Spacing

Spacing tab offer options to customize the spacing for Title, Sub-title, Content, and Block.

Border

Border Style - You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it

Border Width - Set a width for the border from here.

Border Color - You can give color to the border from here.

Border Radius - You can give border-radius to the box from here.

Box Shadow - You can give box-shadow to the block with a number of options available for customization such as color, blur, spread, position etc.

Spacing

Spacing tab offer options to customize the spacing for Title, Sub-title, content, and button.

Color Settings

Under the Colors tab, color options are available for Text and Background.

‚Äč