Shortcodes: Buttons

In Qlassik WP theme you can use styled buttons:

Predefined buttons

[raw]
[button link=”#” ]Brown Sugar[/button]
[button link=”#” style=”btn_orange”]Orange[/button]
[button link=”#” style=”btn_green”]Green[/button]
[/raw]
[code]
[button link=”#” ]Brown Sugar[/button]
[button link=”#” style=”orange”]Orange[/button]
[button link=”#” style=”green”]Green[/button]
[/code]
[raw]
[button link=”#” style=”btn_btn_brown”]Brown Sugar 2[/button]
[button link=”#” style=”btn_blue”]Nautic Blue[/button]
[button link=”#” style=”btn_green_apple”]Green Apple[/button]
[button link=”#” style=”btn_dark_gray”]Dark Gray[/button]
[button link=”#” style=”btn_purple”]Purple Berry[/button]
[button link=”#” style=”btn_red”]Red Button[/button]
[/raw]
[code]
[button link=”#” style=”brown”]Brown Sugar 2[/button]
[button link=”#” style=”blue”]Nautic Blue[/button]
[button link=”#” style=”green_apple”]Green Apple[/button]
[button link=”#” style=”dark_gray”]Dark Gray[/button]
[button link=”#” style=”purple”]Purple Berry[/button]
[button link=”#” style=”red”]Red Button[/button]
[/code]

Custom colored buttons

[raw]
[button_styled link=”#” bg_color=”#e4e4e4″ text_color=”#333333″ border=”#cccccc”]#333333[/button_styled]
[button_styled link=”#” bg_color=”#a50b0b” text_color=”#ffffff” border=”#910505″]#a50b0b[/button_styled]
[button_styled link=”#” bg_color=”#a4008f” text_color=”#ffffff” border=”#7b006b”]#a50390[/button_styled]
[/raw]
[divider_thin]
[code]
[button_styled link=”#” bg_color=”#e4e4e4″ text_color=”#333333″ border=”#cccccc”]#333333[/button_styled]
[button_styled link=”#” bg_color=”#a50b0b” text_color=”#ffffff” border=”#910505″]#a50b0b[/button_styled]
[button_styled link=”#” bg_color=”#a4008f” text_color=”#ffffff” border=”#7b006b”]#a50390[/button_styled]
[/code]

[divider]

Customed List styles:

This is how looks the default list

  • Default list item 1
  • Default list item 2
  • Default list item 3

[divider_thin]

[row]
[col_1_2]

Checklist:

[check_list]

  • Checklist item 1
  • Checklist item 2
  • Checklist item 3

[/check_list]
[code]
[check_list]

  • Checklist item 1
  • Checklist item 2
  • Checklist item 3

[/check_list]
[/code]
[/col_1_2]
[col_1_2]

Border list with icons:

[grid_list]

  • List grid item 1 (icon_word)
  • List grid item 2 (icon_pdf)
  • List grid item 3 (icon_text)

[/grid_list]
[code]
[grid_list]

  • List grid item 1 (icon_word)
  • List grid item 2 (icon_pdf)
  • List grid item 3 (icon_text)

[/grid_list]
[/code]
[/col_1_2]
[/row]
[row]
[col_1_2]

Delete list:

[delete_list]

  • Delete list item 1
  • Delete list item 2
  • Delete list item 3

[/delete_list]
[code]
[delete_list]

  • Delete list item 1
  • Delete list item 2
  • Delete list item 3

[/delete_list]
[/code]
[/col_1_2]
[col_1_2]

Arrow list:

[arrow_list]

  • Arrow list item 1
  • Arrow list item 2
  • Arrow list item 3

[/arrow_list]
[code]
[arrow_list]

  • Arrow list item 1
  • Arrow list item 2
  • Arrow list item 3

[/arrow_list]
[/code]
[/col_1_2]
[/row]
[divider]