• 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 » Mai Business Theme

Mai Business Theme

Introduction to Mai Theme

Mai Theme is a different theme than you’re used to. The power of Mai Theme lies in it’s flexible customization settings including banner area, unique “Sections” template, content settings, and powerful shortcodes. With these unique features Mai Theme makes it simple to create beautiful sites quickly. The Mai Lifestyle Theme demo is just one of …

View ArticleIntroduction to Mai Theme

Installation

Requirements Please have the following ready or already installed. Latest version of WordPress installed on your hosting Latest version of the Genesis Framework Mai Theme Genesis A comprehensive guide to the Genesis framework and it’s use is available here https://www.studiopress.com/download/genesis-for-beginners-v2.pdf. Mai Theme documentation does not cover standard Genesis Theme Settings unless their use is extended by Mai Theme itself. …

View ArticleInstallation

Importing Demo Content

There are 2 methods available for importing all Class Mai Theme’s demo content: Automatic demo setup via our Mai Demo Importer plugin. Manual demo setup via xml/wie/dat files and public import/export plugins. OPTION 1: Mai Demo Importer plugin Mai Demo Importer Note: Mai Demo Importer works best with a clean install of WordPress. If you …

View ArticleImporting Demo Content

Importing Homepage Content & Configurations

Mai Theme has a nice feature built in to let you easily import/configure your home page without needing to deal with other content, settings, widgets, etc. Here are the simple steps to setup a page like our demos. Create a page and set it to use the Sections Template. Save/Update your page. If using WordPress 5+, …

View ArticleImporting Homepage Content & Configurations

Logo and Menu Placement

Align the logo by setting your menus NOTE: Site Identity/Logo upload requires Genesis 2.6 and above. If you are using an older version of Genesis but not showing an update, please go to Customizer > Theme Settings > Updates and make sure the box is checked to “Check For Updates”. Then visit Dashboard > Updates …

View ArticleLogo and Menu Placement

Mai Header & Footer Settings

Header & Footer customizer settings for Mai Theme Header Style Options: Standard Header Sticky Header (always available as the user scrolls – disabled on mobile) Reveal Header (hides when scrolling down and reveals itself when scrolling up quickly) Sticky/Shrink Header (always visible and shrinks smaller when scrolling down – dis) Reveal/Shrink Header (hides when scrolling …

View ArticleMai Header & Footer Settings

Menus

Menus are used for navigating the content on your site. You can create menus and add items for existing content such as pages, posts, categories, tags, formats, or custom links. Menu Locations Mai Theme supports 5 menu locations: Primary Header Left Header Right Footer Mobile You can create as many menus as you want, but …

View ArticleMenus

Site Layout

Mai Theme comes with 9 built-in page layouts. Layouts can be configured for archives, pages and posts – each post type can have a unique layout, and/or a default layout can be configured. Mai Lifestyle Theme is configured with the following settings – the page in this Live Preview is an Archive page. You can …

View ArticleSite Layout

Content Settings

Single post/page settings, and blog, category, tag, etc. archive settings The Genesis Content Archives settings allow you to control the way content displays on category, tag, author, date, and taxonomy archive pages. MaiTheme renames and extends this functionality with the Mai Archive Settings configuration area on Archive pages. Content Singular Settings Content (Blog/Category/Tag) Archives Make …

View ArticleContent Settings

Banner Area

The banner Area can be enabled or disabled globally via the Customizer.  If enabled, it can be configured globally or per page/post by adding an image from the media library or upload.   Here are some of the many possibilities: Create customizable and beautiful full-width banners easily with Mai Theme. The banner area is enabled globally …

View ArticleBanner Area

Widgets

Mai Theme supports 10 widget areas, plus as many footer widgets as are configured in Theme Settings. The home page in the Mai Theme demo doesn’t use all 10 widget areas – only the widget areas in use are displayed NOTE: Genesis logic allows only 1 additional footer widgets to become available at a time. …

View ArticleWidgets

Breadcrumbs

Breadcrumbs are a navigation aid that allows users to keep track of their location on a website relative to the home page. This option lets you define the pages where the Breadcrumbs will be displayed. Breadcrumbs can be defined within the MaiTheme Customizer or here on the Genesis Theme Settings screen. MaiTheme extends the standard …

View ArticleBreadcrumbs

Sections Template

How to use the Sections template in Mai Theme Sections Template Mai Theme utilizes a unique Section template to setup full width pages. Generally this is used for the Home page but can also be used on any other page, you aren’t limited to widgets on the front page like many (most?) Genesis child themes. …

View ArticleSections Template

Customizing Colors

Custom CSS to change basic colors in Mai Theme If you’d like to customize colors (and fonts) without using any code, you’ll love our Mai Styles plugin available in the Mai Theme Plugin Pack. The following code can be added directly to the style.css file in your theme. Copy/paste it right in, and adjust the colors as needed. …

View ArticleCustomizing Colors

Customizing Fonts

Changing fonts in Mai Theme If you’d like to change fonts (and colors) without using any code, you’ll love our Mai Styles plugin available in the Mai Theme Plugin Pack. Like most Genesis child themes, changing fonts (the right way) requires a bit of code. There are 2 steps involved in using custom Google web fonts, registering your …

View ArticleCustomizing Fonts

Code Snippets

Various code snippets to customize Mai Theme All of the following PHP snippets can safely be added on their own line at the bottom of functions.php file in Mai Theme. Please note, many standard Genesis snippets/filters may need to run later when added to your Mai Theme (functions.php) file since most of our code runs …

View ArticleCode Snippets

Introduction to shortcodes

Understand shortcodes and how to use them WordPress has menu built in shortcodes you can use with Mai Theme. Learn about WordPress shortcodes here. Mai Theme comes with 3 ready-to-use shortcodes that work together to deliver an unlimited number of layout options. A shortcode is generally a simple word in brackets [] that WordPress magically transforms into nicely …

View ArticleIntroduction to shortcodes

[grid] Shortcode Parameters

An organized list of parameters for use with the [grid] shortcode Mai Theme includes the [grid] shortcode for powerful and dynamic layouts. Grid can be used on any post type or templates to format a variety of content types into a grid. Shortcode POPULAR EXAMPLES Note: Many examples use post, category, or term Object IDs. Posts …

View Article[grid] Shortcode Parameters

[columns] & [col]

Columns You can use column classes to create a column-based layout in posts, pages, and inside text widgets. [columns]  is the wrapper for [col]  and must be used when [col]  is used. Optional Parameters align Type: string, comma-separated Description:  Align columns and the text within the columns horizontally and vertically within the content area. Accepts a comma-separated list of values in any order. …

View Article[columns] & [col]

[callout]

Callout creates box styling around any text. Use it on any page or post, inside grid, section or column. Shortcode Optional Parameters bg Type: string Description:  Change the default callout background. Accepts 3 or 6 digit hex value with or without hash (#). Example: [callout bg="ffe6e6"] class Type: string Description:  Add additional HTML classes to the callout …

View Article[callout]

[section]

This shortcode can be used anywhere, but we recommend using the “Sections” Page Template instead. Sections are full-width sections of your page (or post) used to separate or highlight different areas of content, each with different styling. By default, sections alternate light colored backgrounds. You can manually set the background color, or set an image (via image ID) …

View Article[section]

Using the Theme Customizer

From the WordPress Dashboard, go to Appearance > Customize to access the customizer: Once the customizer is open, you’ll see a menu on the left and a live preview of your site on the right: The customizer menu on the left side shows the various options that are available for customizing your design with Mai …

View ArticleUsing the Theme Customizer

Image Sizes

Understanding image sizes and display in Mai Theme Logo Site logo images have a suggested dimension of 240px x 120px, but any image size is okay. Logos are not constrained to this dimension, and will be displayed at full size. Retina Logo If you’d like to make your logo “retina” ready (for most mobile devices and desktops …

View ArticleImage Sizes

Included Page Templates

Sections Template The Sections template is a lightweight and easy to use page builder of sorts. It allows you to easily customize and rearrange sections on any page, so it’s not limited create See the Sections Template documentation here. Sitemap Template Mai Pro comes with a Sitemap custom page template that displays all of your website …

View ArticleIncluded Page Templates

How to find an object’s ID

How to find a Page, Post, Image, Category, or User ID. How to find a Page or Post ID Option 1 Install and activate Show IDs by 99 Robots plugin. Navigate to your WordPress Dashboard > Pages or Posts list. View the ID column in the list. Option 2 Navigate to your WordPress Dashboard > Pages or …

View ArticleHow to find an object’s ID

Video Tutorials on Youtube

How To and Theme demo videos on YouTube How To Playlist How To Easily Upload A Logo To Genesis Mai Pro Child ThemeHow To Add Banner Text/Excerpts To Genesis Mai Pro Child ThemeHow to Customize the Banner AreaHow to Add Columns and Customize the Blog and ArchivesHow to Automatically Display the Featured Image on Pages …

View ArticleVideo Tutorials on Youtube

Changelog

Mai Theme Engine changelog. 1.11.5 (2/12/20) Fixed: Gallery alignment again again. 1.11.4 (2/11/20) Fixed: Even better alignment on gallery block items. 1.11.3 (2/6/20) Fixed: Alignment on gallery block items. 1.11.2 (2/3/20) Fixed: Bullet showing when using Navigation Menu widget in Header widget areas. 1.11.1 (2/3/20) Fixed: Hotfix for CMB2 filename change not reflected via git. …

View ArticleChangelog

Mai Styles

Easily adjust fonts, colors, and more on your Mai Theme powered website. Visit Customizer > Mai Styles and take it from there! Don’t have the Mai Styles plugin? Discover more details about our custom-built plugins, and get it today.  REQUIRED PARAMETERS Please have the following ready or already installed. Latest version of WordPress installed on your hosting …

View ArticleMai Styles

Mai Favorites

Manage your products and services with this plugin. It’ll create a post type for your affiliate links with images, description and buttons. Don’t have Mai Favorites plugin? Discover more details about our custom-built plugins, and get it today.  Your favorite links are easily displayed on a page via the [grid] shortcode, which means they can …

View ArticleMai Favorites

Mai Testimonials

Your testimonials are easily displayed on a page via the [grid] shortcode, which means they can be in columns, as a slider, in a widget, etc Don’t have Mai Testimonials plugin? Discover more details about our custom-built plugins, and get it today.  Mai Theme includes our Mai Testimonials plugin, which can display [grid] shortcodes for …

View ArticleMai Testimonials

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.