Peak Template Documentation – GeneratePress Site Library

Peak is a lightweight template with a minimalist corporate feel, using GeneratePress Theme and GP Premium.

peak

1. Import Template

First, you need to activate Site Library Module in GP Premium.

Next, import Prime Template, See how to import GeneratePress Template in GeneratePress Site Library.

2. Logo

Appearance > Customize > Site Identity

beaverhero.com-gp-peak-logo1-min

3. Header Menu

Edit Menu

Appearance > Menus

beaverhero.com-gp-peak-header-menu1-min

Edit Menu Colors & Background

Appearance > Customize > Colors > Primary Navigation

gp-colors-primary-navigation

Edit Typography

Apperance > Customize > Typography > Primary Navigation

menu-typography1-min

Header Background

Appearance > Customize > Colors > Background

gp-header-background-min

Phone Border

beaverhero.com-gp-peak-phone-border1-min

Appearance > Customize > Additional CSS > Lines 43 – 47

beaverhero.com-gp-peak-phone-border2-min

Phone Color

Apperance > Customize > Colors > Buttons

gp-colors-button

4. Page Hero (Homepage)

Edit Page Hero

Appearance > Elements > Home Page Hero > Edit

beaverhero.com-gp-peak-homepage-hero1-min

beaverhero.com-gp-peak-homepage-hero2-min

Call to Action Button

Border: Appearance > Customize > Additional CSS > Lines 1 – 9

beaverhero.com-gp-peak-homepage-hero3-min

Color: Appearance > Customize > Colors > Buttons

gp-colors-button

Typography: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

5. Blog – About – Contact Section

beaverhero.com-gp-peak-about-section1-min

beaverhero.com-gp-peak-about-section2-min

beaverhero.com-gp-peak-about-section3-min

Edit Color

beaverhero.com-gp-peak-about-section4-min

Typography: Appearance > Customize > Typography > Headings > Heading 3 (H3)

beaverhero.com-generatepress-typography-headings-h3

and Appearance > Customize > Typography > Body

gp-typography-body-min

and Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

6. Footer Widget

Appearance > Widgets

appearance-widgets-min

Footer Widget 1 & Footer Widget 2

beaverhero.com-gp-peak-footer-widgets-min

Footer Widgets Color & Typography

Appearance > Customize > Colors > Footer Widgets

gp-colors-footer-widgets-min

Appearance > Customize > Typography > Widgets

gp-typography-widgets-title-min

Appearance > Customize > Typography > Body

gp-typography-body-min

7. Footer Bar

Footer Bar includes Logo, Social Icon Menu, Copyright Text

beaverhero.com-gp-peak-footer-bar1-min

Logo

Appearance > Widgets > Footer Bar – Image

beaverhero.com-gp-peak-footer-bar2-min

Social Menu

Appearance > Menus

beaverhero.com-gp-peak-footer-bar3-min

Appearance > Widgets > Footer Bar – Navigation Menu

beaverhero.com-gp-peak-footer-bar4-min

Copyright

Appearance > Customize > Layout > Footer > Copyright

beaverhero.com-generatepress-copyright

Footer Color & Typography

Appearance > Customize > Colors > Footer

gp-colors-footer-min

Appearance > Customize > Typography > Footer

gp-typography-footer-min

8. Page Header

beaverhero.com-gp-peak-pageheader1-min

Appearance > Elements > Global Header > Edit

beaverhero.com-gp-peak-pageheader2-min

You can use Template Tags

beaverhero.com-gp-peak-pageheader3-min

gp-template-tags-min

Edit Color & Background

beaverhero.com-gp-peak-pageheader4-min

Display Rules

beaverhero.com-gp-peak-pageheader5-min

9. Blog Page

Blog Page Header

Similar 9

Limit Posts

settings-reading-limit-posts

Limit Post Excerpt & Change Read More Text

Appearance > Customize > Layout > Blog > Excerpt word count

gp-blog-excerpt-word-count-min

Post Color

Title: Appearance > Customize > Colors > Content > Blog Post Title & Blog Post Title Hover

Info (Date, Author): Entry Meta Links & Entry Meta Links Hover

gp-colors-blog-title

Excerpt: Appearance > Customize > Colors > Content > Text

gp-colors-content-min

Read More Button: Appearance > Customize > Colors > Buttons

gp-colors-button

Post Typography

Title: Appearance > Customize > Typography > Headings > Heading 2 (H2)

gp-typography-heading-2-min

Info (Date, Author) & Excerpt: Appearance > Customize > Typography > Body

gp-typography-body-min

Read More Button: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

10. Single Post

Post Header

Appearance > Elements > Single Posts > Edit

beaverhero.com-gp-peak-single-post1-min

beaverhero.com-gp-peak-single-post2-min

You can use template tags

gp-template-tags-min

Edit color & background

beaverhero.com-gp-peak-single-post3-min

Typography: Appearance > Customize > Typography > Heading 1 (H1)

beaverhero.com-generatepress-typography-headings-h1

and: Appearance > Customize > Typography > Body.

Apply for Post Info, Content, Comment.

gp-typography-body-min

11. Right Sidebar

Appearance > Widgets > Right Sidebar

gp-peak-right-sidebar1-min

With Newsletter

MailChimp for WP > Enter your API Key > Save Changes

To get API Key, log in to Mailchimp > Profile > Extras > API Keys > Create A Key

generatepress-tasty-23-min

Connect Successful!

generatepress-tasty-24-min

MailChimp for WP > Form

beaverhero.com-generatepress-sider-15-min

Apperance > Widgets > Header – MailChimp Sign-Up Form: Newsletter

beaverhero.com-generatepress-sider-16-min

Newsletter Colors: Appearance > Customize > Colors > Forms

 

gp-colors-forms-min

Subscribe Button Color: Appearance > Customize > Colors > Buttons

gp-colors-button

Subscribe Typography: Appearance > Customize > Typography > Buttons

gp-typography-buttons-min

Done!

Share this post:

Leave a Comment