Shortcodes: Buttons & Lists

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.

Buttons Options:

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

default primary success info warning danger link

pink teal purple orange brown black

[button target="_self" style="" class="btn-pink" disabled="active" size="default" link="#"]pink[/button]
 [button target="_self" style="" class="btn-teal" disabled="active" size="default" link="#"]teal[/button]
 [button target="_self" style="" class="btn-purple" disabled="active" size="default" link="#"]purple[/button]
 [button target="_self" style="" class="btn-orange" disabled="active" size="default" link="#"]orange[/button]
 [button target="_self" style="" class="btn-brown" disabled="active" size="default" link="#"]brown[/button]
 [button target="_self" style="" class="btn-black" disabled="active" size="default" link="#"]black[/button]

Disabled Buttons

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

default primary success info warning danger link

pink teal purple orange brown black

[button target="_self" style="" class="btn-pink" disabled="disabled" size="default" link="#"]pink[/button]
 [button target="_self" style="" class="btn-teal" disabled="disabled" size="default" link="#"]teal[/button]
 [button target="_self" style="" class="btn-purple" disabled="disabled" size="default" link="#"]purple[/button]
 [button target="_self" style="" class="btn-orange" disabled="disabled" size="default" link="#"]orange[/button]
 [button target="_self" style="" class="btn-brown" disabled="disabled" size="default" link="#"]brown[/button]
 [button target="_self" style="" class="btn-black" disabled="disabled" size="default" link="#"]black[/button]

Buttons Size

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

large size   large size

default size   default size

small size   small size

extra small   extra small

[button target="_self" style="" class="btn-default" disabled="active" size="large" link="#"]large size[/button]
[button target="_self" style="" class="btn-primary" disabled="active" size="large" link="#"]large size[/button]

[button target="_self" style="" class="btn-default" disabled="active" size="default" link="#"]default size[/button]
[button target="_self" style="" class="btn-primary" disabled="active" size="default" link="#"]default size[/button]

[button target="_self" style="" class="btn-default" disabled="active" size="small" link="#"]small size[/button]
[button target="_self" style="" class="btn-primary" disabled="active" size="small" link="#"]small size[/button]

[button target="_self" style="" class="btn-default" disabled="active" size="extra" link="#"]extra small[/button]
[button target="_self" style="" class="btn-primary" disabled="active" size="extra" link="#"]extra small[/button]

Custom Colored Buttons

#6a19b6   #1989a5   #d1076f

[button target="_self" style="background-color:#739620;color:#ffffff;" class="" disabled="active" size="default" link="#"]#739620[/button]
[button target="_self" style="background-color:#a54719;color:#ffffff;" class="" disabled="active" size="default" link="#"]#a54719[/button]
[button target="_self" style="background-color:#5ca794;color:#ffffff;" class="" disabled="active" size="default" link="#"]#5ca794[/button]

Custom List Styles:

Minus

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

Links

Text Files

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

Plus

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

OK list

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

Videos

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

Caret Right

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

Stars

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

Images

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

Chevron

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

Folders

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

Games

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

Bordered Chevron List

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

GAMESZone

Aenean sodales eros ac scelerisque sagittis. Aliquam porta consectetur blandit. Nulla sed augue nisl. Vivamus pulvinar ullamc orper malesuada.

Suspendisse ornare velit eget dolor fringilla, et imperdiet ipsum convallis. Integer faucibus, felis nec lobortis hendrerit, augue mi mattis massa, vitae lobortis neque nunc ut eros. Donec massa lectus

Tweets

LIVE WEBINAR: The 1st Step Towards #BrizyCloud CMS Save Your Spot: https://t.co/wbUVHNbEiM Join us live on April 2… https://t.co/BeX4cBCU9K
New Brizy Elements, UI/UX Fixes, Improvements & More https://t.co/Ly0YmeGXea We’ve just released a new update for… https://t.co/5KHSApZkkq
LIVE WEBINAR: How to add popups on any website with #BrizyCloud https://t.co/AZuIEoIePb Join us on 26th March @ 7… https://t.co/2LgAV8bXjJ

Flickr Widget