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]