Contacts Agency

Contacts Agency of Front is built using Gutenberg.It has 4 blocks.

1. Hero Block

Settings

Layout Settings :

You can choose layout style version.

Enable Parallex Effect :

You can enable or disable parallex effect.

Enable Container :

You can enable or disable block container.

Enable Subtitle :

You can enable or disable block subtitle.

Enable Separator :

You can enable or disable separator.

Color Settings :

You can select color or custom color of title and description in the color palette.

Background Settings :

You can upload your image.

Layout SVG :

You can select bottom svg separator.

Advanced Css class :

Enter additional class name.

For more details please visit Hero Blocks.

Output

2. Icon Block Center

Setting


Layout Settings :

You can choose layout style version.

Enable Container :

You can enable or disable block container.

No of icons :

You can select number of icons by using rangecontrol.

lg Columns :

You can choose width of column for laptops and desktops – screens equal to or greater than 1200px wide.

Icon Settings :

You can select icon by icon-class.

Advanced Css class :

Enter additional class name.

For more details please visit Icon Block Center.

output

3. Section

Block Navigation

Setting

Enter your block heading by using Section block. Make advanced shortcode block as section blocks’s inner. It is editable. You can edit or change pretitle, heading and description in page editor.


Layout Settings :

You can choose layout style version.

Pretitle font size :

You can enter your title font size.

Pretitle font weight :

You can enter your title font weight.

Color Settings :

You can select color or custom color of pretitle backround color in the color palette.

Font Size Title :

You can enter your title font size.

Font Weight :

You can enter your title font weight.

Font Size Description :

You can enter your description font size.

Enable Container :

You can enable or disable block container.

Enable Inner Section Maxwidth :

You can enable or disable inner section maxwidth.

Display Section Header :

You can enable or disable section header.

Display Section Pretitle :

You can enable or disable section pretitle.

Display Section Title :

You can enable or disable section title.

Display Section Description :

You can enable or disable section description.

Advanced Css class :

Enter additional class name.

Shortcode Settings :

Paste your form html into the advanced shortcode.

Output

4. Container

Block Naavigation

Setting

Setup your container and makes advanced shortcode as inner block of container block. It is editable.

Enable Container :

You can enable or disable block container.

Enable Fluid Container :

You can enable or disable Enable Fluid Container.

Background Settings :

You can select color or custom color of backround color in the color palette.

Advanced Css class :

Enter additional class name.

Shortcode Settings :

Paste your iframe code into the advanced shortcode.

Output