Shortcodes: Buttons & List

Shortcodes is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.

[title type=”h2″ class=””]Buttons Options:[/title]

Use any of the available button classes to quickly create a styled link/button.

[raw]

Dark Blue(Default)
Dark BlueTransparent (Default)
White
WhiteTransparent
Light
Light Transparent
Yellow
Yellow Transparent

[/raw]

[code]
Dark Blue(Default)
Dark BlueTransparent (Default)
White
WhiteTransparent
Light
Light Transparent
Yellow
Yellow Transparent
[/code]

[title type=”h3″ class=””]Disabled Buttons[/title]

Add the disabled attribute to buttons to make them look unclickable (fading them back 50%)

[raw]

Dark Blue(Default)
Dark BlueTransparent (Default)
White
WhiteTransparent
Light
Light Transparent
Yellow
Yellow Transparent

[/raw]

[code]
Dark Blue(Default)
Dark BlueTransparent (Default)
White
WhiteTransparent
Light
Light Transparent
Yellow
Yellow Transparent
[/code]

[title type=”h3″ class=””]Buttons Size[/title]

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

[raw]

Large Size  
Large Size

Default Size  
Default Size

Small Size  
Small Size

Extra Small  
Extra Small

[/raw]

[code]
Large Size  
Large Size

Default Size  
Default Size

Small Size  
Small Size

Extra Small  
Extra Small
[/code]

[title type=”h2″ class=””]Custom Colored Buttons[/title]
[raw]

#739620
#a54719
#5ca794

[/raw]

[code]
#739620
#a54719
#5ca794
[/code]

Custom List Styles:

[row]
[col type=”4″ class=”col-sm-4″]

Minus

[list type=”minus”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Links

[list type=”links”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Text Files

[list type=”files”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[/row]
[row]
[col type=”4″ class=”col-sm-4″]

Plus

[list type=”plus”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

OK list

[list type=”ok”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Videos

[list type=”videos”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[/row]
[row]
[col type=”4″ class=”col-sm-4″]

Caret Right

[list type=”caret”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Stars

[list type=”stars”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Images

[list type=”images”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[/row]
[row]
[col type=”4″ class=”col-sm-4″]

Chevron

[list type=”chevron”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Folders

[list type=”folders”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[col type=”4″ class=”col-sm-4″]

Games

[list type=”games”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[/row]
[row]
[col type=”6″]

Bordered Chevron List

[list type=”bordered_chevron”]

  • List item 1
  • List item 2
  • List item 3

[/list]
[/col]
[/row]

Visit Us On TwitterVisit Us On FacebookVisit Us On Instagram