There are many Mai Theme Engine shortcodes. Most of them are only rarely used. The shortcodes I list here do most of the things I want to do most of the time. For much more comprehensive documentation, see the Mai Theme help pages.

Mai Theme Engine: Shortcodes I use most often

/** ----------- Grid Shortcodes I use Most Often ---------- */

[grid content="post"]

[grid content="post" columns="4"]

[grid content="post" categories="16, 7"] 

[grid content="post" content_limit="50"]

[grid content="post" number="15"]

[grid content="post" show="image, title, date, author, content, excerpt, more_link, meta"]

[grid content="post" slider="true"]
[grid content="post" slider="true" arrows="false"] 
[grid content="post" slider="true" autoplay="true"]
[grid content="post" slider="true" dots="true"]
[grid content="post" slider="true" speed="2000"]

[grid content="post" image_location="bg"]

[grid content="post" image_size="one-half"] 

[grid content="post" more_link_text="View More"]

[grid content="post" offset="2"]

[grid content="post" overlay="gradient"]


Usage Examples...

[grid content="post" number="6"]

[grid content="page" number="6"]

[grid content="post" number="3" image_location="bg" align_text="center, middle"]

[grid columns="3" show="image, title, excerpt, more_link"]

/** -----------END: Grid Shortcodes I use Most Often ---------- */



/** ----------- Column Shortcodes I use Most Often ---------- */

2 column layout

[columns]
[col][/col]
[col][/col]
[/columns]

3 column layout

[columns]
[col][/col]
[col][/col]
[col][/col]
[/columns]

4 column layout

[columns]
[col][/col]
[col][/col]
[col][/col]
[col][/col]
[/columns]

3 columns with center aligned text

[columns align_text="center"]
[col][/col]
[col][/col]
[col][/col]
[/columns]

Adding a background color to a specific column...

[col bg="ffe6e6"]

Giving a column a background image...

[col image="246"]

Setting the image size for a columns background image...

[col image_size="one-half"]

Giving the column's background image a dark overlay...

[col overlay="dark"]

/** ----------- END: Column Shortcodes I use Most Often ---------- */


/** ----------- Callout Shortcodes I use Most Often ---------- */

[callout][/callout]

[callout bg="ffe6e6"]

[callout style="border: 5px solid rgba(0,0,0,0.4);"]


Usage Example provided by Mai Themes...
[callout]
<h2 class="text-xs-center">Get their attention</h2>
This is the landing page template,with a [[callout]] shortcode inside. This page template removes all navigation and widget areas, but leaves layout options, so you can have full-width, medium,or small content,and even keep sidebars if you want.
[/callout]

/** ----------- END: Callout Shortcodes I use Most Often ---------- */