• Menu
    • Menu Makanan
    • Cemilan
    • Aneka Minuman
  • About Us
      • Hello world!
        posted on April 10th, 2015, no comments
      • Pure Raspberry Pops
        posted on April 17th, 2013, no comments
      • Fresh from our Blog
        posted on March 28th, 2013, no comments
      • Fresh from our Blog
        written by admin
        Buttons & Lists

        Vivamus hendrerit arcu sed erat molestie adro vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in

        READ THE ARTICLE
    • FOLLOW US ON TWITTER

  • Gallery
  • Events
WaroengMaKita
  • Reservation
  • Blog
  • Pages
    • Page Sidebar Right
    • Page Sidebar Left
    • Sticky Menu
    • Portfolio
      • 2 columns
      • 3 Columns
      • 4 columns
    • Shortcodes
      • Buttons & Lists
      • Text & Images
      • Charts
      • Columns with Sidebar
      • Columns full Width
      • Lightbox
      • Videos & Galleries
      • Google Maps
      • Font Icons
      • Tabs & Toggles
      • Boxes & Tables
      • Typography
      • Widgets
      • Other
  • Contact

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.

Buttons Options:

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

White (Default) White Transparent (Default) Black Black Transparent Orange Orange Transparent

[button class="" link="#" target="_self"]White (Default)[/button]
[button class="btn-transparent" link="#" target="_self"]White Transparent (Default)[/button]
[button class="btn-black" link="#" target="_self"]Black[/button]
[button class="btn-black-transparent" link="#" target="_self"]Black Transparent[/button]
[button class="btn-orange" link="#" target="_self"]Orange[/button]
[button class="btn-orange-transparent" link="#" target="_self"]Orange Transparent[/button]

Disabled Buttons

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

White (Default) White Transparent (Default) Black Black Transparent Orange Orange Transparent

[button class="disabled" link="#" target="_self"]White (Default)[/button]
[button class="btn-transparent disabled" link="#" target="_self"]White Transparent (Default)[/button]
[button class="btn-black disabled" link="#" target="_self"]Black[/button]
[button class="btn-black-transparent disabled" link="#" target="_self"]Black Transparent[/button]
[button class="btn-orange disabled" link="#" target="_self"]Orange[/button]
[button class="btn-orange-transparent disabled" link="#" target="_self"]Orange Transparent[/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 class="btn-black btn-lg" link="#" target="_self"]Large Size[/button]  
[button class="btn-orange btn-lg" link="#" target="_self"]Large Size[/button]

[button class="btn-black" link="#" target="_self"]Default Size[/button]  
[button class="btn-orange" link="#" target="_self"]Default Size[/button]

[button class="btn-black btn-sm" link="#" target="_self"]Small Size[/button]  
[button class="btn-orange btn-sm" link="#" target="_self"]Small Size[/button]

[button class="btn-black btn-xs" link="#" target="_self"]Extra Small[/button]  
[button class="btn-orange btn-xs" link="#" target="_self"]Extra Small[/button]

Custom Colored Buttons

#739620   #a54719   #5ca794  

[button link="#" bgcolor="#739620" textcolor="#ffffff" bordercolor="#4f6a10" target="_self"]#739620[/button]
[button link="#" bgcolor="#a54719" textcolor="#ffffff" bordercolor="#884e31" target="_self"]#a54719[/button]
[button link="#" bgcolor="#5ca794" textcolor="#ffffff" bordercolor="#64817a" target="_self"]#5ca794[/button]

Custom List Styles:

Arrows

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

Checklist

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

Remove

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

Links

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

Chevron

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

Thumbs up

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

Music

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

Questions

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

Download

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

Text Files

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

Hand Right

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

OK list

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

SHORTCODES LIST

  • Home
  • Menu
  • About Us
  • Gallery
  • Events
  • Reservation
  • Blog
  • Pages
  • Contact
  • Home
  • Menu
  • About Us
  • Gallery
  • Events
  • Reservation
  • Blog
  • Pages
  • Contact
Waroeng MaKita © 2014 Made by Joo Group