• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

The Law Office of Robert Mirque

Grand Rapids Lawyer Specializing in Immigration, Criminal, and Family Law.

  • Home
  • Practice Overview
  • Attorney Profiles
  • Blog
  • Contact

Shortcodes

Download the CSSIgniter Shortcodes plugin from the WordPress plugin repository. Read the full documentation here.

Button shortcode: [button][/button]

A button to CSSIgniter A button to CSSIgniter A button to CSSIgniter

[button url="https://www.cssigniter.com" size="large"]A button to CSSIgniter[/button]

New window to Google New window to Google New window to Google

[button url="http://www.google.com" target="_blank" scheme="red"]New window to Google[/button]

Download now Download now Download now

[button size="small" scheme="pink" border_color="#c9054f" border_width="2px" icon="fa-download"]Download now[/button]

Refresh Refresh Refresh

[button scheme="green" fg_color="rgb(10, 20, 30)" icon="fa-refresh" spin]Refresh[/button]

Rounded Rounded Rounded

[button icon="fa-spinner" corners="5px" spin]Rounded[/button]


Box shortcode: [box][/box]

Just a box with some content in it.
[box]Just a box with some content in it.[/box]

A red box
[box scheme="red"]A red box[/box]

With a black border and icon
[box scheme="red" border_color="#000000" border_width="thick" icon="fa-download"]With a black border and icon[/box]

Custom foreground color
[box scheme="green" fg_color="rgb(255, 255, 255)" icon="fa-refresh" spin]Custom foreground color[/box]

Rounded corners on a spinning icon.
[box icon="fa-spinner" corners="20px" spin]Rounded corners on a spinning icon.[/box]


Grid shortcodes: [row][/row], [column][/column], [col][/col]

Two equal rows

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.


[row][col desktop="6" tablet="6"]Content[/col][col desktop="6" tablet="6"]Content[/col][/row]

Three equal rows

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.


[row][col desktop="4"]Content[/col][col desktop="4"]Content[/col][col desktop="4"]Content[/col][/row]

Two unequal rows on deskop, equal on tablets.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.

Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.


[row][column desktop="4"]Content[/column][column desktop="8"]Content[/column][/row]


Headings shortcodes: [h][/h], [h1][/h1], [h2][/h2], [h3][/h3], [h4][/h4], [h5][/h5], [h6][/h6]

This is set from the options to be H2

[h scheme="green"]This is set from the options to be H2[/h]

A maroon H3 with globe

[h level="3" icon="fa-globe" fg_color="maroon" spin]A maroon H3 with globe[/h]

An H4 with a lemon

[h4 icon="fa-lemon-o" scheme="yellow"]An H4 with a lemon[/h4]

With a bottom border

[h3 icon="fa-globe" border_width="0 0 4px 0" border_color="#444444"]With a bottom border[/h3]


List shortcode: [list][/list]

You can replace those boring default HTML bullets by any icon you like. Just create a normal unordered (ul) list from within the WordPress editor, and wrap it in a [list][/list] shortcode.

  • Item 1
  • Item 2
    • Item 2-1
  • Item 3

  • Item 1
  • Item 2
    • Item 2-1
  • Item 3

  • Item 1
  • Item 2
    • Item 2-1
  • Item 3

[list color="red" icon="fa-close"]

  • Item 1
  • Item 2
    • Item 2-1
  • Item 3

[/list]


Blockquote shortcode: [quote][/quote]

Try not to become a man of success, but rather try to become a man of value.

Albert Einstein

[quote title="Albert Einstein"]Try not to become a man of success, but rather try to become a man of value.[/quote]

Try not to become a man of success, but rather try to become a man of value.

Albert Einstein

[quote title="Albert Einstein" scheme="green" fg_color="#ffffff"]Try not to become a man of success, but rather try to become a man of value.[/quote]


Separator shortcodes: separator , hr


[separator /]


[hr type="dotted" scheme="red" width="50%" center /]


[hr type="dashed" scheme="green" height="10px" /]


[hr type="groove" scheme="blue" height="thick" width="80%" /]


[hr type="ridge" /]


Tooltip shortcode: [tooltip][/tooltip]

Do you know what a CPU is?

[tooltip tip="Central Processing Unit"]CPU[/tooltip]

Just a tooltip on the top.

[tooltip tip="I'm on top!" position="top"]on the top.[/tooltip]

How about an always on, right, tooltip?

[tooltip tip="Cool!" position="right" light alwayson]always on, right, tooltip?[/tooltip]


Map shortcodes: [map][/map] , [googlemap][/googlemap]

[map lat="40.7828649" lon="-73.9653549" zoom="16" /]

[map lat="40.7828649" lon="-73.9653549" title="New York" text="Central Park" /]


Slider shortcode: [slider][/slider] , [slide][/slide]

[slider][slide]Content 1[/slide][slide]Content 2[/slide][slide]Content 3[/slide][/slider]


Tabs shortcodes: [tabs][/tabs] , [tab][/tab]

  • Tab 1
  • Tab 2
Content 1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam.
Content 2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam.
[tabs][tab title="Tab 1"]Content 1[/tab][tab title="Tab 2"]Content 2[/tab][/tabs]


Accordions shortcodes: [accordion][/accordion], [accordion_tab][/accordion_tab]

Accordions’ syntax and attributes are exactly the same like the tabs shortcode. Only the actual names of the shortcode change. That way, you can easily swap from tabs to accordions and back, without touching any of the attributes.

Tab 1
Content 1
Tab 2
Content 2
[accordion][accordion_tab title="Tab 1"]Content 1[/accordion_tab][accordion_tab title="Tab 2"]Content 2[/accordion_tab][/accordion]


Download the CSSIgniter Shortcodes plugin from the WordPress plugin repository. Read the full documentation here.

Primary Sidebar

Recent Comments

    About Us

    Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.

    Social

    Calendar

    June 2025
    M T W T F S S
     1
    2345678
    9101112131415
    16171819202122
    23242526272829
    30  
         

    Archives

    Categories

    • No categories

    Meta

    • Log in
    • Entries feed
    • Comments feed
    • WordPress.org

    About us

    Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna.

    Social

    Copyright © 2025 · Genesis Sample on Genesis Framework · WordPress · Log in

    • Fullwidth Page Template
    • Attorney Advertising Notice