header image

Buttons & Lists

Shortcodes: Buttons

In Qlassik WP theme you can use styled buttons:

Predefined buttons

[button link="#" ]Brown Sugar[/button] [button link="#" style="btn_orange"]Orange[/button] [button link="#" style="btn_green"]Green[/button]

[code]
[button link="#" ]Brown Sugar[/button]
[button link="#" style="orange"]Orange[/button]
[button link="#" style="green"]Green[/button]
[/code]

[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]

[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

[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]

[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]

Pin It