• Skip to main content
  • Skip to header right navigation
  • Skip to site footer
  • Main Site
  • About Us
  • Services
  • Contact Us
  • Blog
BizBudding Docs

BizBudding Docs

Documentation

  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search
Home » Display Pro Theme

Display Pro Theme

Display Pro: Navigation Menus

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 …

View ArticleDisplay Pro: Navigation Menus

Display Pro: Enabling AMP

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.

View ArticleDisplay Pro: Enabling AMP

Display Pro: Custom Colors

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 …

View ArticleDisplay Pro: Custom Colors

Display Pro: Pricing Tables HTML

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

View ArticleDisplay Pro: Pricing Tables HTML

Display Pro: Hero Section

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, …

View ArticleDisplay Pro: Hero Section

Display Pro: Full Page Scroll Sections

The full page section scroll effect can be switched on or off from Appearance → Customize → Homepage Settings → Full Page JS:

View ArticleDisplay Pro: Full Page Scroll Sections

Display Pro: Header Right Widget Area

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:

View ArticleDisplay Pro: Header Right Widget Area

Display Pro: Primary Sidebar Widget Area

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.

View ArticleDisplay Pro: Primary Sidebar Widget Area

Display Pro: Front Page 1 Widget Area

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>

View ArticleDisplay Pro: Front Page 1 Widget Area

Display Pro: Front Page 2 Widget Area

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 …

View ArticleDisplay Pro: Front Page 2 Widget Area

Set a Static “Home” Page (Front Page)

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 …

View ArticleSet a Static “Home” Page (Front Page)

Display Pro: Front Page 3 Widget Area

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

View ArticleDisplay Pro: Front Page 3 Widget Area

Adding your Site Logo

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 …

View ArticleAdding your Site Logo

Display Pro: Front Page 5 Widget Area

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.

View ArticleDisplay Pro: Front Page 5 Widget Area

Create a Custom Menu

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 …

View ArticleCreate a Custom Menu

Display Pro: Footer Credits Widget Area

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.

View ArticleDisplay Pro: Footer Credits Widget Area

Installing Your Theme

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 …

View ArticleInstalling Your Theme

Display Pro: Footer 1 Widget Area

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 …

View ArticleDisplay Pro: Footer 1 Widget Area

How to Use Elementor Page Templates

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:

View ArticleHow to Use Elementor Page Templates

Display Pro: Footer 2 Widget Area

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:

View ArticleDisplay Pro: Footer 2 Widget Area

How to Use Gutenberg

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 …

View ArticleHow to Use Gutenberg

Display Pro: Footer 3 Widget Area

The Footer 3 widget area contains on Recent Posts widget:

View ArticleDisplay Pro: Footer 3 Widget Area

Display Pro: Importing Demo Content

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 …

View ArticleDisplay Pro: Importing Demo Content

Display Pro: Footer 4 Widget Area

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

View ArticleDisplay Pro: Footer 4 Widget Area

Display Pro: Genesis Settings

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 …

View ArticleDisplay Pro: Genesis Settings

Display Pro: Sticky Header

The theme provides a sticky/fixed header option which can be switched on or off from Appearance → Customize → Theme Settings → Header Settings:

View ArticleDisplay Pro: Sticky Header

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:

View ArticleDisplay Pro: Reading Settings

Display Pro: Featured Images

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:

View ArticleDisplay Pro: Featured Images

Sidebar




BizBudding icon

Resources

  • Shop
  • Affiliates
  • Data Protection
  • Privacy Policy
  • Terms & Conditions
  • Contact Us

quick links

  • Main Site
  • About Us
  • Services
  • Contact Us
  • Blog

Contact Details

1001 County Road 517, Suite 1
Hackettstown, NJ 07840

(877) 548-2440

Contact Us


  • Mai Theme Docs
    • Mai Themes (v2)
  • Classic Theme Docs
    • Pretty Darn Cute
    • SEO Themes
    • Mai Theme (Classic)
  • Search

Copyright © 2010–2021 BizBudding Inc. · All Rights Reserved ♥ Work hard and be nice to people.