(GeneratePress) Spacious Template Documentation

Spacious is a free blog starter site for GeneratePress, using GeneratePress Theme and GP Premium Plugin.

In this post, we will learn how to install and configure Spacious Template!

spacious

1. Install GeneratePress Theme & GP Premium

First, you need to install GeneratePress Theme and GP Premium (Plugin).

2. Import Spacious Template

Appearance > GeneratePress > Site Library

generatepress-tasty-1-min

Scroll down > Hover on Spacious Screenshot > Click Details

beaverhero.com-gp-spacious-1-min

Get Started

get-started-gp-site-library1-min

Backup Options

backup-options-gp-site-library1

Import Options

import-options-gp

Check on I understand that this step…. then click Import Content

If your site already has data, and don’t want to delete theme. Click Skip

beaverhero.com-gp-spacious-2-min

3. Site Title & Tagline

General

Appearance > Customize > Site Identity

beaverhero.com-gp-spacious-3-min

beaverhero.com-gp-spacious-4-min

Colors

Appearance > Customize > Colors > Header

beaverhero.com-gp-spacious-5-min

Typography

Appearance > Appearance > Typography > Header

beaverhero.com-gp-spacious-6-min

4. Slideout Menu

Slideout Menu includes: Menu, About Me, Gallery

Menu

Menu Items: Appearance > Menus

beaverhero.com-gp-spacious-7-min

Menu Colors: Appearance > Customize > Colors > Slideout Navigation

beaverhero.com-gp-spacious-8-min

Menu Typography: Appearance > Customize > Typography > Slideout Navigation

beaverhero.com-gp-spacious-9-min

About Me

Appearance > Widgets > Slideout Navigation > Text: About Me

beaverhero.com-gp-spacious-10-min

Social Icons

Appearance > Widgets > Slideout Navigation > Lightweight Social Icons

beaverhero.com-gp-spacious-11-min

Gallery

Appearance > Widgets > Slideout Navigation > Gallery

beaverhero.com-gp-spacious-12-min

5. Search

Appearance > Customize > Layout > Primary Navigation > Navigation Search

beaverhero.com-gp-spacious-13-min

beaverhero.com-gp-spacious-14-min

6. Posts on Homepage

Post Title

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

beaverhero.com-gp-spacious-15-min

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

beaverhero.com-gp-spacious-16-min

Post Info (Date, Author, Category, Tag)

Appearance > Customize > Colors > Content > Entry Meta Links & Entry Meta Links Hover

beaverhero.com-gp-spacious-17-min

Appearance > Customize > Typography > Body

beaverhero.com-gp-spacious-18-min

Post Info Icon (Category, Tag icon)

Appearance > Customize > Colors > Content > Entry Meta Text

beaverhero.com-gp-spacious-19-min

Post Excerpt

Appearance > Customize > Colors > Content > Text

beaverhero.com-gp-spacious-20-min

Appearance > Customize > Typography > Body

beaverhero.com-gp-spacious-18-min

Read More Button

Appearance > Customize > Colors > Buttons

beaverhero.com-gp-spacious-21-min

Appearance > Customize > Typography > Buttons

beaverhero.com-gp-spacious-22-min

To change button border: Appearance > Customize > Additional CSS (Line 18)

Change inherit to color what you want, for eg: red, black, or #ffffff, #000000

beaverhero.com-gp-spacious-23-min

Limit Posts on Homepage

Settings > Reading > Blog pages show at most

beaverhero.com-gp-spacious-24-min

Limit Post Excerpt Length

Appearance > Layout > Blog > Excerpt word count

beaverhero.com-gp-spacious-25-min

7. Footer

Copyright Text

beaverhero.com-gp-spacious-26-min

Appearance > Customize > Layout > Footer > Copyright

beaverhero.com-gp-spacious-27-min

 

Color & Typography

Appearance > Customize > Colors > Footer

beaverhero.com-gp-spacious-28-min

Appearance > Customize > Typography > Footer

beaverhero.com-gp-spacious-29-min

8. Single Post

Post Title

Appearance > Customize > Colors > Heading 1 (H1) Color

beaverhero.com-gp-spacious-30-min

Post Info (Date, Author, Category, Tags, Post Navigation)

Similar (6)

beaverhero.com-gp-spacious-17-min

Comment

Appearance > Customize > Colors > Forms

beaverhero.com-gp-spacious-31-min

Done!

If you have questions, just comment below 🙂

Share this post:

Leave a Comment