Landing Page Guide

If you use the One-Click Theme Setup, then the demo Recipe Index 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 Landing Page, go to Pages > Landing Page and begin editing the blocks.

Custom CSS Classes

Some blocks have limitations or settings which are not yet available to configure.

#1. Page Settings and Genesis Settings for Landing Page

#2. Logo – Add Heading or Image

1. Heading H2 with “Cursive” style, font size  100px and align center

#3. Cover Section

1. Cover Block
   
   1. Set Alignment Fullwidth
   2. Set Background Image, Size of Image 1920×400
2. Heading H2
   1. Text Color “#333333”
   2. Background Color “#fcefeb”

#2 Sign Up Button

1. Buttons Block
   1. Justify Items Center
   2. Border Radius 0px
   3. Link to “#signup” hash

#3 Testimonial Section

1. Advanced Columns
   1. Columns: 2
   2. Advanced Css Class(es) “testimonials”
2. Inside Each Column
   1. Testimonial Block
      • Add testimonial content
      • Update Testimonial Settings as below

#4 Quick Section

1. Container
   1. Padding Top and Bottom 2%
   2. Inside Max Width 1140px
2. Inside Container
   1. Add Media & Text Block
      • Left Side: Image, Size of Image 600×600
      • Right Side: Heading H2 and List Block

 

#5 Call to Action

1. Container
2. Call to Action Block

#6 Info Section

1. Container
   1. Margin Bottom 4%
   2. Inside Max Width 1140px
2. Heading H2, Spacer with “small” Advanced Class, Content and Button

#7 Work with Me section

1. Container
   1. Align Full Width
   2. Padding Top and Bottom 3%
   3. Margin Top and Bottom 2%
   4. Container Width 850px
   5. Background Color #fcefeb
2. Inside Container
   1. Advanced Columns with 3 Columns and top margin 40px
   2. Inside each columns
      1. Header H2 with Advanced CSS Class(es) “circlestyle”, Font size 80px and different background color and text color
         
      2. Header H5 with Advanced CSS Class(es) “innerheading”
      3. Paragraph text

#8 Testimonial Section

1. Container
   1. Align Full Width
   2. Padding Top 2%
   1. Inside Max Width 1140px
2. Advanced Columns
   1. Columns: 2
   2. Advanced Css Class(es) “testimonials”
3. Inside Each Columns Testimonial Block with same settings like top Section #3
4. Buttons with one “Sign up now” button and justify center

#9 About Section

1. Container
   1. Align Full width
   2. Padding Bottom 1%
   3. Margin Top 5%
   4. Contaier width 1140px
   5. Background Color #fcefeb
2. Advanced Columns with 2 Columns
3.  Inside columns add Heading, Paragraph on left and Image Block on right side, Size of Image 600×600

#10 Call to Action Section

1. Container
   1. Align Fullwidth
   2. Padding Top 2%
   3. Padding Bottom .5%
   4. Inside Max Width 1200px
2. Spacer with Height 40px
3. Heading H2 with “Cursive” style, Font Size 100px and align center
4. Add Call to Action Block with Below Settings
   1. Title Font Size 27px
   2. Text Font Size 17px
   3. Background Color set to same as Container Background Color
   4. Button Options: Size “Small” Button Share: “Square” and Background Color
   5. Advanced Css Class(es) “btn” so Call to Action button look like default button of theme or alternate button style will apply
      

#11 Pricing Table

1. Container
   1. Margin Top 8%
   2. Margin Bottom 4%
   3. Inside Max Width 800px
2. Heading H2, Align Center
3. Spacer with Height 20px
4. Pricing Table
   1. Columns: 2
   2. Columns Gap: 2
   3. Each Columns Background Color set to  “#fdf9f8”
   4. Each Section in pricing table has its own settings as shown on below images please check all images for settings.

• 

• 

• 

• 

• 

#12 Testimonial Section

Follow Section #3 Guide for this section