Display Pro Theme

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 …

The Front Page 3 widget area contains one  Genesis – Portfolio widget in the theme demo:

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.

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 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 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 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: