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

To edit the Homepage, go to Pages > Home.

Everything we set with Container and Columns using Genesis Blocks

Custom CSS Classes

Some blocks have limitations or settings which are not yet available to configure so added Custom CSS Classes for some Blocks.

#1. Hero Section:

1. Container: 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.

Add Advanced Columns inside container

1. Columns: 2
2. Padding Top and Bottom 25px
3. Padding Right and Left 70px

   

   

Add Heading H5, Heading H3, Paragraph Text and Button with border radius “0” on left side

Add Image Block on right side, Size of Image 500×600

#2. Testimonial Section

1. Container
   1. Padding Top and Bottom 2%
   2. Inside Max Width 1140px
2. Advanced Columns
   1. Columns: 2
   2. Advanced Css Class(es) “testimonials”
3. Inside Columns Media & Text Block
   1. Image on left side, Size of Image 200×200
   2. Content and Heading H5 on right side

#3. Info Section

1. Container with Container Settings to Note
2. Media & Text Block with content of your choice with Size of Image 450×520

#4. Work with Me section

1. Container2. Advanced Columns with 3 Columns and top margin 40px
   3. Inside columns there is Image + Heading H5 and Content

#5. Call to Action

1. Container
2. Call to Action Block

#6. About Section

1. Container: Fullwidth with inner width 1140px and Advanced Class “herobottomsection” to make background 1/4 white and 3/4 “#fdf9f8” color
2. Advanced Columns with 2 Columns
3.  Inside columns add Heading, Paragraph on left and Image Block on right side with Size of Image 500×600

#7 Newsletter Section

1.  Container: 800px width
2. Add Media & Text Block
3. Add image to Left Side, Size of Image 280×380
4. Add Heading H5, List/Paragraph Block and Newsletter block from Genesis Block on right side

Right now Email newsletter only supports MailChimp and its settings goes to Admin > Genesis Blocks > Settings

---

 

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

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

 

Instagram Page

#1.Page Settings and Genesis Settings

1. Page Attributes: Landing
2. Hide Title: Yes
3. Layout: Full Width Layout (Select if your default layout is not full width)

#2. Copy and Paste below code to your editor and start editing your page

It contains all necessary blocks to make this page

[code]








COACHING PLUS





ABOUT





WORK WITH ME





BLOG





CONTACT




[/code]

 

 

Glutenberg Optimized Page

This is sample page built to show how editor can be used and how theme is optimized for gutenberg. If you want to have this page then please copy and paste below code to your page block editor and enjoy editing.

[code]
This theme is optimized with support for special features of the 
Gutenberg editor. This includes wide and full-width content blocks, 
block styling, custom colors, custom font sizes, and back end editor 
styling that matches the front end of your site.



A full-width image







Images,
 videos, galleries, and other content can also be presented in a wide 
block that extends beyond the central column at bigger screen widths:



A wide image







Your posts and pages can contain galleries, which are collections of images presented in one or more columns:

















Galleries can use the full width, as above, or the wide block and regular content widths:











































Video support



This theme also includes styling for wide and full-width videos, such as this one embedded from YouTube:









Or this video embedded from YouTube:











Quotes



You can pull parts of your content into quotes, such as this one:



Good
 design is as little as possible. Less, but better, because it 
concentrates on the essential aspects. Back to purity, back to 
simplicity.
Dieter Rams



Buttons



Insert buttons as calls to action:




BUY Coaching Plus THEME




Content Boxes



Style paragraphs with custom colors to call attention to text anywhere in your content:



This  is a sample paragraph text with a colored background. You can use this  to feature content, highlight something important, or provide a  call-to-action. Sample link.



Headings



Style headings from level one to six:



Heading level 1



Heading level 2



Heading level 3



Heading level 4



Heading level 5



Heading level 6




[/code]