Call to Action

This block allows you to add a call to action section with a title, text, and a button.

General

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

Box Shadow - You can give border-radius to the block from here.

Typography

Under the Typography tab, options for font size, font-weight, and line-height are available for Title and Description.

You can now set responsive font size of Title for Mobile and Tablet view.

Text Color: Select color for the text from here.

Background Options

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

  1. Color

  2. Gradient

  3. Image

  4. Video

Opacity: You can set opacity from here for the block.

Image Settings

These settings will appear if you select Background Type as Image.

Background 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.

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

Background Size: You can select the size of the background image for the block from here.

Button Options

Choose to open the link in a new tab.

Button Size - Choose the size of the button as small, medium, large, or extra-large.

Button Shape - Choose the shape of the button as square, rounded square, or circular.

Border: The following settings are available in the border panel - Style - You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it

Border Thickness - You can set the thickness of the border from here.

Spacing options are also available to customize the button padding and margin separately for Vertical and Horizontal.

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

Icon Settings

Select an icon to display on the button from here.

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

Icon Color - Select a color for the icon.

Icon Spacing - Increase or decrease the spacing between icon and text from here.

Spacing

Spacing tab offer options to customize the padding and margin separately for the block.