Buttons & Lists

Shortcodes: Buttons

In Qlassik WP theme you can use styled buttons:

Predefined buttons

[raw]
Brown Sugar
Orange
Green
[/raw]
[code]
Brown Sugar
Orange
Green
[/code]
[raw]
Brown Sugar 2
Nautic Blue
Green Apple
Dark Gray
Purple Berry
Red Button
[/raw]
[code]
Brown Sugar 2
Nautic Blue
Green Apple
Dark Gray
Purple Berry
Red 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]