Display Pro: Reading Settings
From the admin dashboard, navigate to Settings → Reading to update your site’s blog settings. Below are the settings used in the theme demo:
From the admin dashboard, navigate to Settings → Reading to update your site’s blog settings. Below are the settings used in the theme demo:
The theme provides a setting to hide or show featured images on single posts. It can be changed from Appearance → Customize → Theme Settings → Single Posts:
To configure your sites navigation menus, navigate to Appearance → Menus from the admin dashboard. If you imported the sample.xml file included with the theme you should already have 2 example menus created, the Header Menu and the Footer Menu: Select the Header Menu from the dropdown and scroll to the bottom of the page. Check the Header Menu display location and …
The theme demo showcases an example AMP post using the AMP for WordPress plugin. Once this plugin has been installed and activated you will be able to access the AMP version of posts by adding /amp to the end of the post URL.
To change the theme’s custom colors, navigate to Appearance → Customize → Colors from the admin dashboard. To demonstrate which colors can be changed, each custom setting has been changed to blue in the screenshots below. Site Background Color The Site Background color setting is pretty self-explanatory. It changes the color of the site background. Default color …
<div class="pricing-table"> <div class="one-third first"> <h4>Free</h4> <p><strong>$0</strong><br> <em>per month</em></p> <ul> <li>Benefit one</li> <li>Benefit two</li> <li>Benefit three</li> </ul> <p><button class="ghost">Buy now</button></p> </div> <div class="one-third featured"> <h4>Pro</h4> <p><strong>$99</strong><br> <em>per month</em></p> <ul> <li>Benefit one</li> <li>Benefit two</li> <li>Benefit three</li> <li>Benefit four</li> <li>Benefit five</li> </ul> <p><button>Buy now</button></p> </div> <div class="one-third"> <h4>Basic</h4> <p><strong>$49</strong><br> <em>per month</em></p> <ul> <li>Benefit one</li> <li>Benefit two</li> <li>Benefit …
Home Page The home page uses the default header media set under Appearance → Customize → Header Media. This is used as the background image for the Front Page 1 widget area. It accepts an embedded YouTube video or a standard image. Please note that the YouTube video will not be used on mobile devices, …
The full page section scroll effect can be switched on or off from Appearance → Customize → Homepage Settings → Full Page JS:
The Header Right widget area is used to display a Simple Social Icons widget. Please note that the Background Color setting has no effect in the Header Right widget area, it is set to transparent by the theme. Below are the settings used in the theme demo:
The Primary Sidebar widget area uses 3 widgets in the theme demo: Genesis – eNews Extended Displays a newsletter sign up form in the sidebar. Requires the Genesis eNews Extended plugin. Recent Posts Displays a list of recent posts from your site. Search Displays a simple search form.
The Front Page 1 widget area contains 1 Custom HTML widget. This widget area uses the site’s Header Media as the background image or video. To change the background image or video navigate to Appearance → Customize → Header Media. Below is the HTML used in the demo: <a href="#">Start your project</a>
The Front Page 2 widget area contains 4 Custom HTML widgets and 4 Icon widgets with varying widths. The icon font used by Icon widgets can be changed from Settings → Icon Widget. Custom HTML <h2>Highlight the best of your work and put your mad skills on display</h2> Custom HTML <big>24</big> <p>Hours a day. Sixty …
1. Create a “Home” page Skip this step if you have imported the theme demo content. In your site dashboard add a new page, and title your new page “Home”. Then, add another page titled “Blog”. Be sure to publish these 2 pages. 2. Set a Static Front Page Launch the Customizer and click on the Static Front …
The Front Page 3 widget area contains one Genesis – Portfolio widget in the theme demo:
Adding your Site Logo Open Appearance > Customizer and click on the Site Identity section. In the section that opens out, click the Select button to open the Media Manager. Upload a new image, or select one that’s already in your Media Library. Click Set as logo, and you will see your logo appear in the preview window. Click the Save & Publish button at …
The Front Page 5 widget area contains one Image widget and one Testimonials widget. The Image widget is used as the widget area background image. The Testimonials widget requires the Genesis Testimonials Slider plugin.
To add your first custom menu, follow these steps: 1. Create a Custom Menu From your WordPress admin, click Appearance > Customize. In the Customizer, click the Menus tab. If your theme already has a default/primary menu, you can click on it to begin editing. If your theme doesn’t have a default/primary menu, click + Add a Menu instead. Type in a name for …
This theme uses a Footer Credits widget area which contains one Simple Social Icons widget in the theme demo. Alignment of the social icons may be ignored by the theme, it is set to display horizontally centered.
The following video shows how to install a child theme, the Genesis Framework and the theme’s recommended plugins. It uses the Business Pro theme but applies to all of our Genesis child themes. Installing the Genesis Framework and a child theme follows the same process for installing any WordPress theme, except that you have …
The Footer 1 widget area contains on Text widget in the theme demo. This can also be replaced with a Custom HTML widget with the following code: <p>This is an example text widget in the footer widgets area. It can be used to provide a short description of your business or website.</p> <p>Copyright <a href="#top">Return …
The theme demo uses the Elementor Full Width template and the Elementor Canvas templates. To set these page templates on a per page basis, navigate to the Edit Page screen for the page you wish to edit and select the desired template from the Page Attributes section on the right side of the screen:
The Footer 2 contains two Navigation Menu widgets both set to ‘one-half’ widths: The second widget has a blank title, however WordPress will ignore this if it is completely blank. Instead, you need to use special characters which can be copied from the line below:
The theme demo showcases an example page which contains all of the current Gutenberg blocks. Please note that Gutenberg is currently in beta and can change at any moment. To enable the Gutenberg editor on a page or post the Gutenberg plugin must be installed and activated. For more information on Gutenberg please refer to …
The Footer 3 widget area contains on Recent Posts widget:
Before installing the demo content, it is strongly recommended to install recommended plugins and also delete any existing content on your site that is not required including Posts, Pages, Comments and Widgets. All of our child themes come with the sample content used in the demo. Importing sample content Once the theme and recommended plugins …
The Footer 4 widget area contains one Genesis – eNews Extended widget. To use a rocket emoji like the demo, copy the emoji from below and paste it into the Button Text field: 🚀
To update your site settings, navigate to Genesis → Theme Settings from the admin dashboard. Below are the Genesis settings used in the theme demo. Default Layout The default layout should be set to Center Content to match the theme demo: Featured Images To display featured images on archive pages like the demo, check the Include …
The theme provides a sticky/fixed header option which can be switched on or off from Appearance → Customize → Theme Settings → Header Settings: