Getting Started with Your GeneratePress Child Theme

A simple step-by-step guide to install and customize your new website

Whether you’re using the Skincare, Yoga, or Coaching theme, this guide will walk you through how to get your site up and running quickly – no technical experience required.

---

1. Install the Required Themes

Install the GeneratePress Parent Theme

1. From your WordPress Dashboard, go to Appearance > Themes > Add New.
2. Search for GeneratePress.
3. Click Install, then Activate.

This is required for your child theme to work.

Upload and Activate the Child Theme

1. Go to Appearance > Themes > Add New > Upload Theme.
2. Upload the ZIP file you received (e.g., coaching-theme.zip, yoga-theme.zip, or skincare-theme.zip).
3. Click Install Now, then Activate.

---

2. Install Recommended Plugins

After activating the theme, a message will appear recommending some plugins. These include:

• Beaver Builder Lite – Page builder used to design and edit your content
• WordPress Importer – For importing demo pages and posts
• Widget Importer & Exporter – For importing sidebar and footer widgets
• reSmush.it Image Optimization Plugin – For compressing, resizing and optimizing your images

To install:

1. Click Begin installing plugins.
2. Install and activate each one.

---

3. Import Demo Content

Import Pages and Posts

1. Go to Tools > Import.
2. Click WordPress (install importer if prompted).
3. Upload the file xml/demo-content.xml from your theme folder.
4. Assign authors and check the “Download and import file attachments” box.
5. Submit.

Import Widgets (optional)

Available only for the Skincare Theme.

1. Go to Tools > Widget Importer & Exporter.
2. Upload the file xml/widgets.wie.

---

4. Set a Static Homepage

1. Go to Settings > Reading.
2. Choose “A static page.”
3. Set the imported page Home as the Homepage.
4. Set the imported page Blog or Articles as the Posts Page.

---

5. Customize Your Site

Site Identity

• Go to Appearance > Customize > Site Identity.
• Set your Site Title, Tagline, Logo, and Site Icon (Favicon).

Colors and Fonts

• Go to Appearance > Customize > Colors to edit site-wide color settings.
• Go to Appearance > Customize > Typography to customize fonts.

Set a Menu Button

(Available for Yoga and Coaching themes) To style one of the menu items as a button:

• Go to Appearance > Menu.
• Set your menu as Primary Menu.

• Click on Screen Options, then make sure CSS Classes is checked

• Expand the menu item you want to turn into a button, then add the text menu-button into the CSS Classes field

---

6. Customize Rows and Modules in Beaver Builder

Add a Background Image or Color to a Row

1. Hover over any row in Beaver Builder and click the wrench icon.
2. Go to the Style tab.
3. Under Background, choose:
   • Color – Choose a solid color.
   • Photo – Upload or select an image.
   • Video – Paste a video URL or upload a file.

Add an Overlay

• Toggle Overlay to ON in the same Style tab.
• Choose an overlay color and adjust opacity.

---

7. Style Your Content with Custom Classes

In any Beaver Builder module, go to Advanced > Class and add any of the already defined classes. Check out your theme’s Styles page to see the full list of classes available.

Class Name	What It Does
button	Turns a link into a styled button
round-border	Adds rounded corners
transparent-background	Adds a semi-transparent background
shadow	Adds a soft box shadow
border-accent	Adds a thin border in the accent color
padding-20, padding-40	Adds 20px or 40px internal spacing

Example: class="border shadow padding-40"

---

8. Round Corners and Borders on Images (No Custom Classes Needed)

To manually round image corners and add borders in Beaver Builder:

1. Click on the Image Module > Style tab.
2. Scroll to the Border section.
3. Set:
   • Border Radius – e.g., 10px to round the corners.
   • Border Width – e.g., 1px or 2px.
   • Border Style – choose solid, dotted, or dashed.
   • Border Color – match your theme’s palette.

These settings are available per image and do not require custom CSS.

---

9. Customize Widgets

Footer Widgets

You can set the number of footer widgets to display on your site under Customize > Layout > Footer.

To modify the content of the widgets:

1. Go to Appearance > Widgets.
2. Add content to Footer Widget 1, 2, 3, etc.

Sidebar Widgets

1. Still in Appearance > Widgets, find the Right Sidebar or Blog Sidebar.
2. Add, remove, or reorder widgets.

---

10. How to Create a Landing Page

A landing/sales page is already included in the theme demo content. To create a new clean, distraction-free landing page:

1. Go to Pages > Add New.
2. Give your page a name.
3. In the Page Attributes panel, set Template: Landing.
4. Publish the page.
5. Click Launch Beaver Builder to begin editing.

---

When ready to go live:

Make sure you set your site to be visible to search engines from Settings > Reading > Search Engine Visibility, uncheck “Discourage search engines from indexing this site“.

---

Optional Services

If you’d like professional help getting your site ready, I offer the following done-for-you services:

---

Support

Need more help? Contact me directly.

Important: Support is limited to fixing theme-related bugs. It does not include new features, design changes, training on WordPress or plugins, image editing, or content creation. Any additional work will be quoted and billed separately