Have a question that is not covered here? Contact us for help.
Before you install your child theme, ensure you have the latest Genesis parent theme installed. If you do not, you can follow the same instructions below to install the Genesis parent theme before proceeding to install your new child theme.
- Go to Appearance > Themes and click “Add New” or “Add New Theme” button.
- Click the “Upload Theme” button.
- Click the “Choose File” button, find/select your theme zip file, and click “Open”.
- Click the “Install Now” button.
- Click the “Activate” link.
This step is optional. If you wish to install any of the plugins used in the theme demo, follow the instructions below for each.
- Go to: Plugins > Add New.
- Search for the plugin you want to install.
- Click Install Now.
- Click Activate Now.
For your convenience, an export file of the demo site is available to assist in the setup of your theme. This file is located in the xml folder of your theme.
You’ll find more information about this in the Importing Demo Content tutorial.
The following optional plugins are used in the Keeper demo:
- Genesis Connect for WooCommerce
- WYSIWYG Widgets / Widget Blocks
- Genesis Portfolio Pro
- Genesis eNews Extended
- Genesis Simple Edits
- Ninja Forms
- Simple Social Icons
- WP Instagram Widget
- Widget Content Blocks
In your WordPress admin, navigate to Genesis > Theme Settings.
Below are the relevant settings as configured in the Keeper demo.
Site Title / Logo Image
The theme supports both text based logo/description or a logo image.
For a logo image, navigate to Appearance > Customize > Header Image > Add new image. While you can crop images to your liking after clicking Add new image, your theme recommends a header size of 600 × 160 pixels.
Create your menu(s) under Appearance > Menus.
The Keeper demo is configured with a Custom Menu widget placed in the Header Right widget area under Appearance > Widgets. Alternatively, you can enable the Primary Navigation menu by checking the “Primary Navigation Menu” box under Appearance > Menus to enable the menu.
When using the Primary Navigation menu, menu items will center by default. You can use “left” or “right” CSS classes to float menu items accordingly. You can use these to “split” the menu into left and right aligned menus on the same line. To enable CSS class usage on menu items, click “Screen Options” in the upper right screen while editing your menu and check the “CSS Classes” option.
Note: leaving the Header Right widget area blank will automatically center the logo.
Front Page Widgets
There are (3) Front Page widget areas which can be used for general content, featured products, featured posts, etc.
The Front Page 1 widget area in the demo is using the WYSIWYG Widgets / Widget Blocks plugin to add some simple content markup to that area. The content will center by default. This can be customized in style.css or wherever you place your custom CSS.
The Front Page 2 widget area in the demo is using the default WooCommerce Featured Products widget configured to show (4) products marked as featured products.
The Front Page 3 widget area in the demo is using the default Genesis Featured Posts widget configured as follows…
The Before Footer widget area can be used anything from lead capture to displaying your latest Instagram posts.
To configure a mailing list opt-in like the demo, use install and activate the Genesis eNews Extended and browse to Appearance > Widgets. Drag the “Genesis – eNews Extended” widget to the Before Footer widget area and configure accordingly.