Contact Page Guide

If you use the One-Click Theme Setup, then the demo Contact Page will automatically be created for you using Gutenberg editor blocks. You can learn more about Atomic Blocks by going to the plugin page.

To edit the Contact, go to Pages > Contact and begin editing the blocks.

#1. Hero Section

1. Container
   1. Fullwidth
   2. Inner Width 1140px
   3. Padding Top 2%
   4. Bottom Margin 3%
   5. Background Color “#fdf9f8”
   6. Advanced > Advanced Css Class(es) “herosection” to apply background as shown on Home Top/Hero Section.
2. Add Advanced Columns
   1. Columns 2
   2. Padding Unit Pixel(px)
   3. Padding Top 25px, Padding Right 70px and Padding Bottom 10px
   4. Background Color “#f2e2dd”
3. Add Heading H2 and Social Icons
   • Social Icons
     • Add Links to icon you want to show on front
     • Advanced Css Class(es) “stacked”
4. Add Image Block on right side

#2. Contact Form Section

1. Container
   1. Inner Width 1140px
   2. Bottom Margin 5%
2. Add Media & Text Block
   1. Image on left side
   2. Heading H2, Content and Form on right side

If you have not created any Form yet, go to Admin > WPForms > Add New