Wrap multiple
shortcodes with the

    shortcode.

    Attributes
    title (required) – title of the tab
    active – set to true to show tab’s contents by default instead of first tab
    Example

      First tab content here.

      Second tab’s content. This tab’s content will be shown on page load.

      [/tabs]
      Accordion
      Wrap multiple

       
      shortcodes with the

      shortcode.

       

      Attributes
      title (required) – Title of the section
      active – Set to true to show section’s contents by default
      Example

      First Section

      First section’s content here. This section will be opened on page load.

      Second Section
      Second section’s content here.

      [/accordion]
      Buttons
      The shortcode can be used to make small and large buttons of various colors.

      Attributes
      url (required) – URL to go to when button is clicked
      color – Hex code or red, orange, yellow, green, teal, blue, purple, pink, brown, tan, silver, gray, black
      size – small (default) or large
      width – Numeric value representing pixels or auto to fit button size to text
      textcolor – white (default) or black, mainly for use when specify hex code color
      newwindow – Set to true to open link in new window
      class – Class or classes separated by spaces
      Examples
      Button Text

      Big Green Button

      Open in New Window
      Boxes
      You can wrap content with the

      shortcode and optionally show an icon (great for alerts).

      Attributes
      icon (optional) – alert, check, down, info, or x
      Examples

      Content to appear in box goes here.

      This text appears by an “info” icon inside a box.

      Columns
      You can use column shortcodes to place content in columns of various widths. The column shortcodes are

      ,
      ,
      ,

      and

      . These can be mixed and matched and must be encapsulated by the parent

      shortcode.

      Responsive Columns
      Basically, on devices smaller than an iPad (phones and small tablets), the columns adjust to show one on top of each other. Otherwise, the content in them will be difficult to read (for example, try imagining four columns side-by-side on a screen as small as a mobile phone).

      Two Column Example
      Remember, wrap the column shortcodes in

      or they will not work properly.

      This content will fill 50% of the content area.

      This content will fill 50% of the content area.

      [/columns]
      Three Column Example

      This content will fill one-third of the content area.

      This content will fill one-third of the content area.
      This content will fill one-third of the content area.

      [/columns]
      Four Column Example

      This content will fill 25% of the content area.

      This content will fill 25% of the content area.
      This content will fill 25% of the content area.
      This content will fill 25% of the content area.

      [/columns]
      Mix & Match Example
      You can mix and match column shortcodes of different sizes. Just make sure the total width does not exceed 100%.

      This content will fill one-third of the content area.
      This content will fill two-thirds of the content area.

      Quotes
      If you want to show a simple blockquote you can skip this shortcode and click the quote icon in WordPress’s content editor. If you want to do more such as show a name with the quote or float it off to one side as a pullquote, then the

      shortcode is useful.

      Attributes
      name – Name or source of the quote, shown below it
      center – Set to true to center the quote text
      float – right or left (set size when using this)
      size – one-third, one-half or two-thirds
      Basic Example

      — Johnny Doe

      Here is a demonstration of a quote having only the name option set. This is
      a standard quote with a name. You could, if you want, leave the name out and
      center it. The options for floating left or right and width are mainly for
      creating a pullquote. Have a look below for an example of that.

      Pullquote Example

      Whatever text you place here is the text that the pullquote will be shown to
      the right of.
      Google Map
      ——————————————-