• Skip to main content
  • Skip to primary sidebar

Docs

Anchored Design

  • HOME
  • DEMO
  • CUSTOM WEBSITE DESIGN
  • LEAVE A REVIEW
  • REQUEST SUPPORT

Landing Page Guide

This document last updated on: September 17, 2020

Created OnSeptember 17, 2020
byadminAD
You are here:
  • Knowledge Base Home
  • Coaching Plus Theme
  • Block Pages Guide
  • Landing Page Guide
< Back

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 Atomic 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

  1. Align Center
  2. Set Max width to your choice

#3. Cover Section

  1. Cover
    1. Set Alignment Fullwidth
    2. Set Background Image
  2. Heading H2
    1. Text Color “#182e33”
    2. Background Color “#f2e2dd”

#4 Sign Up Button

  1. Button
    1. Background Color “#182e33”
    2. Border Radius 0px

#4 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 and Text Block used

#5 Quick Section

  1. Container
    1. Padding Top and Bottom 2%
    2. Inside Max Width 1140px
  2. Add Media & Text Block Inside
  3. Image left side
  4. Heading H2 and List Block with “Large” style on right side

#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. Container2. Advanced Columns with 3 Columns and top margin 40px
    3. Inside columns there is Image + Heading H5 and Content

#8 Testimonial Section

  1. Container
    1. Fullwidth
    2. Padding Top 2%
    3. Margin Top 8%
    4. Inside Max Width 1140px
    5. Background Color “#fef9f8”
  2. Advanced Columns
    1. Columns: 2
    2. Advanced Css Class(es) “testimonials”
  3. Inside Columns Media & Text Block
    1. Image on left side
    2. Content and Heading H5 on right side

#9 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

#10 Call to Action Section

  1. Container
    1. Fullwidth
    2. Padding Top 2%
    3. Margin Bottom 8%
    4. Inside Max Width 1200px
  2. 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

#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 have its own settings as shown on below images please check all images for settings.

Primary Sidebar

Search Knowledge Base by Keyword

  • Recipe Blogger Theme Documentation
  • Recipe Blogger Theme
  • Coaching Plus Theme
Installation
  • Articles coming soon
Demo Content
  • Articles coming soon
Homepage Setup
  • Articles coming soon
Customizer Settings
  • Widget Area Custom Layouts
General Setup
  • Gutenberg Ready
  • Regenerate Thumbnails
Templates
  • Articles coming soon
Popup
  • Articles coming soon
Woocommerce Settings
  • Articles coming soon
Plugins
  • Plugins Tutorials
Installation
  • Installing Theme
  • One Click Theme Setup
  • Additional Resources
  • Demo Posts Install
Customizer Settings
  • Blog and Archive Settings
  • Footer Copyright
  • Logo / Site Title
  • Site Layout Extra
  • Theme Typography
  • Singular Content
  • Theme Colors
Block Pages Guide
  • About Page Guide
  • Contact Page Guide
  • Homepage Blocks Guide
  • Landing Page Guide
  • Other Block Pages
  • Recipe Index Blocks Guide
Widget Areas
  • Before Footer Widgets
  • Footer Widget Settings
  • Header Settings
  • Sidebar Settings
  • Top Bar/Before Header Widgets
Installation
  • Installing Theme
  • One Click Theme Setup
  • Additional Resources
  • Demo Posts Install
Customizer Settings
  • Site Layout Extra
  • Blog and Archive Settings
  • Footer Copyright
  • Logo / Site Title
  • Singular Content
  • Theme Colors
  • Theme Typography
Widget Areas
  • Header Settings
  • Before Footer Widgets
  • Footer Widget Settings
  • After Entry Widgets
Block Pages Guide
  • About Page Guide
  • Homepage Blocks Guide
  • Work With Me Page Guide
  • Contact Page Guide
  • Other Block Pages
  • Landing Page Guide
Additional Guide
  • Blog/Archive Page Guide

Copyright © 2021 · Anchored Design Themes · WordPress · Log in