Docs

Anchored Design

Coaching Plus Theme

Blog and Archive Settings

This document last updated on:

Appearance > Customize > Theme Settings > Content Archives

Below is default theme settings we set to looks archive like demo.

  • Full Width: Enabled
  • Featured Section: Enabled. This section show post on top as Featured Section. (Background can be changed from Appearance > Customize > Colors > Hero Background Color and Hero Secondary Background Color)
  • Grid: 3
  • Select content or excerpt to display on archive
  • Set Content Limit if Entry content selected to show
  • Display Featured Image:  Yes
  • Featured Image Size: genesis-featured-image(325×480)
    To know more about Regenerate Thumbnails check  Regenerate Thumbnails article
  • Show Post Info: NO
    Post Info include author name, date and comments we are not showing right now
  • Show Post Content: No
  • Show Post Meta: Yes
    Post Meta include Post Categories and Post Tags
  • Image Position: Above Title
  • Meta Position: Above Title (default position for post meta is after title and content)
  • Post Info Text
    Default:

     by
  • Post Meta Text 
    

    • 



    

  • Read More Text: “Continue Reading”
    • 



You will see a live view of your changes in the Customizer Preview Pane. Change these values to suit your needs, and be sure to hit “Publish” when you are ready.


If you do not like the changes you have made, each color has a “Default” button you can click to restore its default color value.


Singular Content


This document last updated on:  
Appearance > Customize > Theme Settings > Singular Content




This is all default genesis settings now we just updated post before content and after content text to make is looks like demo


    

  1. Enable Full Width. Default: Enabled.
    
This setting is     to make all posts full width without considering default site layout or single posts layout(Genesis Layout).
    

    2. 

  2. Enable Next Previous on Single Post. Default: Enabled
    3. 

  3.   
    4. 

  4. Enable Featured Images to show on posts and pages and by default enabled on Posts.
    5. 

  5. Entry Meta(above content)

    '['post_author_link']' 
 '['post_date']'
    

    6. 

  6. Entry Meta(after content)

    '['post_categories before="" sep="   "']'
    

    7. 

  7. Post Info Position (Entry Meta before content). Default: No Change(After Title)
    8. 

  8. Post Meta Position (Entry Meta after content). Default: Before Title
    9. 





You will see a live view of your changes in the Customizer Preview Pane. Change these values to suit your needs, and be sure to hit “Publish” when you are ready.


If you do not like the changes you have made, each color has a “Default” button you can click to restore its default color value.


Landing Page Guide


This document last updated on:  
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


    

  1. Align Center
    2. 

  2. Set Max width to your choice
    3. 





#3. Cover Section






    

  1. Cover

      

    1. Set Alignment Fullwidth
      2. 

    2. Set Background Image
      3. 

    

    2. 

  2. Heading H2

      

    1. Text Color “#182e33”
      2. 

    2. Background Color “#f2e2dd”
      3. 

    

    3. 



#4 Sign Up Button




    

  1. Button

      

    1. Background Color “#182e33”
      2. 

    2. Border Radius 0px
      3. 

    

    2. 



#4 Testimonial Section




    

  1. Container

      

    1. Padding Top and Bottom 2%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Advanced Css Class(es) “testimonials”
      3. 

    

    3. 

  3. Inside Columns Media and Text Block used
    4. 





#5 Quick Section




    

  1. Container

      

    1. Padding Top and Bottom 2%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Add Media & Text Block Inside
    3. 

  3. Image left side
    4. 

  4. Heading H2 and List Block with “Large” style on right side
    5. 





#5 Call to Action




    

  1. Container
    2. 

  2. Call to Action Block
    3. 



#6 Info Section




    

  1. Container

      

    1. Margin Bottom 4%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Heading H2, Spacer with “small” Advanced Class, Content and Button
    3. 



#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
    2. 



#8 Testimonial Section




    

  1. Container

      

    1. Fullwidth
      2. 

    2. Padding Top 2%
      3. 

    3. Margin Top 8%
      4. 

    4. Inside Max Width 1140px
      5. 

    5. Background Color “#fef9f8”
      6. 

    

    2. 

  2. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Advanced Css Class(es) “testimonials”
      3. 

    

    3. 

  3. Inside Columns Media & Text Block

      

    1. Image on left side
      2. 

    2. Content and Heading H5 on right side
      3. 

    

    4. 



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

  2. Advanced Columns with 2 Columns
    3. 

  3.  Inside columns add Heading, Paragraph on left and Image Block on right side
    4. 



#10 Call to Action Section




    

  1. Container

      

    1. Fullwidth
      2. 

    2. Padding Top 2%
      3. 

    3. Margin Bottom 8%
      4. 

    4. Inside Max Width 1200px
      5. 

    

    2. 

  2. Add Call to Action Block with Below Settings

      

    1. Title Font Size 27px
      2. 

    2. Text Font Size 17px
      3. 

    3. Background Color set to same as Container Background Color
      4. 

    4. Button Options: Size “Small” Button Share: “Square” and Background Color
      5. 

    5. Advanced Css Class(es) “btn” so Call to Action button look like default button of theme
      6. 

    

    3. 



#11 Pricing Table




    

  1. Container

      

    1. Margin Top 8%
      2. 

    2. Margin Bottom 4%
      3. 

    3. Inside Max Width 800px
      4. 

    

    2. 

  2. Heading H2, Align Center
    3. 

  3. Spacer with Height 20px
    4. 

  4. Pricing Table

      

    1. Columns: 2
      2. 

    2. Columns Gap: 2
      3. 

    3. Each Columns Background Color set to  “#fdf9f8”
      4. 

    4. Each Section in pricing table have its own settings as shown on below images please check all images for settings.
      5. 

    

    5. 







Work With Me Page Guide


This document last updated on:  
If you use the One-Click Theme Setup, then the demo About 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 About Page, go to Pages > About and begin editing the blocks.










#1. Hero Section




    

  1. Container Settings

      

    1. Fullwidth
      2. 

    2. Padding Top 2%
      3. 

    3. Margin Bottom 7%
      4. 

    4. Inside Max Width 1140px
      5. 

    5. Set Background Color
      6. 

    6. Advanced Css Class(es) “herosection”
      7. 

    

    2. 

  2. Advanced Columns

      

    1. Padding Unit: Pixel
      2. 

    2. Padding Top, Bottom and Left 30px
      3. 

    3. Select Background Image 
      4. 

    

    3. 

  3. Heading H2, Heading H5 and Paragraph Block on left side
    4. 



#2. Info Section




    

  1. Container

      

    1. Margin Bottom 4%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Heading H2, Spacer with “small” Advanced Class, Content and Button
    3. 



#3. Education Details




    

  1. Container

      

    1. Padding Top and Bottom 3%
      2. 

    2. Margin Top and Bottom 5%
      3. 

    3. Inside Max Width 800px
      4. 

    4. Background Image
      5. 

    5. Advanced Css Class(es) “containbg” to fit background inside container
      6. 

    

    2. 

  2. Heading H5 and Paragraph
    3. 



#4. Testimonial Section




    

  1. Container

      

    1. Padding Top and Bottom 2%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Advanced Css Class(es) “testimonials”
      3. 

    

    3. 

  3. Inside Columns Media and Text Block used
    4. 





 


#5. Quick Section




    

  1. Container

      

    1. Padding Top and Bottom 2%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Add Media & Text Block Inside
    3. 

  3. Image left side
    4. 

  4. Heading H2 and List Block with “Large” style on right side
    5. 



#6. Call to Action Section




    

  1. Container

      

    1. Fullwidth
      2. 

    2. Padding Top 2%
      3. 

    3. Margin Bottom 8%
      4. 

    4. Inside Max Width 1200px
      5. 

    

    2. 

  2. Add Call to Action Block with Below Settings

      

    1. Title Font Size 27px
      2. 

    2. Text Font Size 17px
      3. 

    3. Background Color set to same as Container Background Color
      4. 

    4. Button Options: Size “Small” Button Share: “Square” and Background Color
      5. 

    5. Advanced Css Class(es) “btn” so Call to Action button look like default button of theme
      6. 

    

    3. 



#7. More Info Sections


Section 1




    

  1. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Columns Gap 8%
      3. 

    

    2. 

  2. Add Heading H2, Heading H5 and Content on left side
    3. 

  3. Add Image on right side
    4. 



Spacer




    

  1. Spacer with Height 70px
    2. 



Section 2




    

  1. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Columns Gap 8%
      3. 

    

    2. 

  2. Add Image on left side
    3. 

  3. Add Content and Button on right side
    4. 



#8. Testimonial Section




    

  1. Container

      

    1. Fullwidth
      2. 

    2. Padding Top 2%
      3. 

    3. Margin Top 8%
      4. 

    4. Inside Max Width 1140px
      5. 

    5. Background Color “#fef9f8”
      6. 

    

    2. 

  2. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Advanced Css Class(es) “testimonials”
      3. 

    

    3. 

  3. Inside Columns Media & Text Block

      

    1. Image on left side
      2. 

    2. Content and Heading H5 on right side
      3. 

    

    4. 

  4. Add Call to Action Block inside Container with Below Settings

      

    1. Title Font Size 27px
      2. 

    2. Text Font Size 17px
      3. 

    3. Background Color set to same as Container Background Color
      4. 

    4. Button Options: Size “Small” Button Share: “Square” and Background Color
      5. 

    5. Advanced Css Class(es) “btn” so Call to Action button look like default button of theme
      6. 

    

    5. 



    

  1.  
    2. 







About Page Guide


This document last updated on:  
If you use the One-Click Theme Setup, then the demo About 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 About Page, go to Pages > About and begin editing the blocks.










#1. Hero Section




Container Settings


    

  1. Fullwidth
    2. 

  2. Padding top and bottom 18% .. set Padding as per your image requirement.
    3. 

  3. Set Background Image
    4. 

  4. Set Background Opacity 100%
    5. 



#2. About Section


    

  1. Container
    2. 

  2. Advanced Columns
    Columns: 2
    3. 

  3. Heading H2, Heading H5 and Content on left side
    4. 

  4. Image Block on right side
    5. 



#2. About Details Section




    

  1.  Container

      

    1. Fullwidth
      2. 

    2. Padding Top 10% and Padding Bottom 8%
      3. 

    3. Inside Max Width 1200px
      4. 

    4. Select Background Image
      5. 

    

    2. 

  2. Advanced Columns 
    Columns: 2
    3. 

  3. Content and Buttons (Default Gutenberg Buttons Block) on right side
    4. 



 


#3. Education Details




    

  1. Container

      

    1. Padding Top and Bottom 3%
      2. 

    2. Margin Top and Bottom 5%
      3. 

    3. Inside Max Width 800px
      4. 

    4. Background Image
      5. 

    5. Advanced Css Class(es) “containbg” to fit background inside container
      6. 

    

    2. 

  2. Heading H5 and Paragraph
    3. 







Homepage Blocks Guide


This document last updated on:  
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. 

  2. Inner Width 1140px
    3. 

  3. Padding Top 2%
    4. 

  4. Bottom Margin 3%
    5. 

  5. Background Color “#fdf9f8”
    6. 

  6. Advanced > Advanced Css Class(es) “herosection” to apply background as shown on Home Top/Hero Section.
    7. 







Add Advanced Columns inside container


    

  1. Columns: 2
    2. 

  2. Padding Top and Bottom 25px
    3. 

  3. Padding Right and Left 70px

    4. 



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




Add Image Block on right side




#2. Testimonial Section




    

  1. Container

      

    1. Padding Top and Bottom 2%
      2. 

    2. Inside Max Width 1140px
      3. 

    

    2. 

  2. Advanced Columns

      

    1. Columns: 2
      2. 

    2. Advanced Css Class(es) “testimonials”
      3. 

    

    3. 

  3. Inside Columns Media & Text Block

      

    1. Image on left side
      2. 

    2. Content and Heading H5 on right side
      3. 

    

    4. 







#3. Info Section


    

  1. Container with Container Settings to Note
    2. 

  2. Media & Text Block with content of your choice
    3. 





#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
    2. 



#5. Call to Action




    

  1. Container
    2. 

  2. Call to Action Block
    3. 



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

  2. Advanced Columns with 2 Columns
    3. 

  3.  Inside columns add Heading, Paragraph on left and Image Block on right side
    4. 



#7 Newsletter Section




    

  1.  Container: 800px width
    2. 

  2. Add Media & Text Block
    3. 

  3. Add image to Left Side
    4. 

  4. Add Heading H5, List/Paragraph Block and Newsletter block from Genesis Block on right side
    5. 



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