Images & Buttons

[background bokeh=”yes” particles=”yes” overlay=”no”]
[background_image]{THEME_ROOT}/images/stars1.jpg[/background_image]
[/background]

[spacer_20][spacer_20]

[h3]Simple Images[/h3]

[column_one_fourth]
[image]{THEME_ROOT}/images/preview/200×200-1.jpg[/image]
[/column_one_fourth]
[column_one_fourth]
[image]{THEME_ROOT}/images/preview/200×200-2.jpg[/image]
[/column_one_fourth]
[column_one_fourth]
[image]{THEME_ROOT}/images/preview/200×200-3.jpg[/image]
[/column_one_fourth]
[column_one_fourth]
[image]{THEME_ROOT}/images/preview/200×200-4.jpg[/image]
[/column_one_fourth]

[toggle_box title=”Shortcodes:”]
[code_table]
[code_line][image]image.jpg[/image][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Image Links[/h3]

[column_one_fourth]
[image_link url=”javascript:;”]{THEME_ROOT}/images/preview/200×200-5.jpg[/image_link]
[/column_one_fourth]
[column_one_fourth]
[image_link url=”javascript:;”]{THEME_ROOT}/images/preview/200×200-6.jpg[/image_link]
[/column_one_fourth]
[column_one_fourth]
[image_link url=”javascript:;”]{THEME_ROOT}/images/preview/200×200-1.jpg[/image_link]
[/column_one_fourth]
[column_one_fourth]
[image_link url=”javascript:;”]{THEME_ROOT}/images/preview/200×200-3.jpg[/image_link]
[/column_one_fourth]

[toggle_box title=”Shortcodes:”]
[code_table]
[code_line][image_link url=”url-here”]image.jpg[/image_link][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Small Buttons[/h3]

[button_group]
[small_button url=”#” color=”teal”]BUTTON TEXT[/small_button]
[small_button url=”#” color=”red”]BUTTON TEXT[/small_button]
[small_button url=”#” color=”green”]BUTTON TEXT[/small_button]
[small_button url=”#” color=”dark”]BUTTON TEXT[/small_button]
[/button_group]
[button_group]
[small_gradient_button url=”#” color=”teal”]Button Text[/small_gradient_button]
[small_gradient_button url=”#” color=”red”]Button Text[/small_gradient_button]
[small_gradient_button url=”#” color=”green”]Button Text[/small_gradient_button]
[small_gradient_button url=”#” color=”dark”]Button Text[/small_gradient_button]
[/button_group]
[toggle_box title=”Shortcodes:”]
[code_table]
[code_line][button_group][/code_line]
[code_line][small_button url=”#” color=”teal”]BUTTON TEXT[/small_button][/code_line]
[code_line][small_button url=”#” color=”red”]BUTTON TEXT[/small_button][/code_line]
[code_line][small_button url=”#” color=”green”]BUTTON TEXT[/small_button][/code_line]
[code_line][small_button url=”#” color=”dark”]BUTTON TEXT[/small_button][/code_line]
[code_line][/button_group][/code_line]
[blank_code_line]
[code_line][button_group][/code_line]
[code_line][small_gradient_button url=”#” color=”teal”]Button Text[/small_gradient_button][/code_line]
[code_line][small_gradient_button url=”#” color=”red”]Button Text[/small_gradient_button][/code_line]
[code_line][small_gradient_button url=”#” color=”green”]Button Text[/small_gradient_button][/code_line]
[code_line][small_gradient_button url=”#” color=”dark”]Button Text[/small_gradient_button][/code_line]
[code_line][/button_group][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Medium Buttons[/h3]

[button_group]
[medium_button url=”#” color=”teal”]BUTTON TEXT[/medium_button]
[medium_button url=”#” color=”red”]BUTTON TEXT[/medium_button]
[medium_button url=”#” color=”green”]BUTTON TEXT[/medium_button]
[/button_group]
[button_group]
[medium_gradient_button url=”#” color=”teal”]Button Text[/medium_gradient_button]
[medium_gradient_button url=”#” color=”red”]Button Text[/medium_gradient_button]
[medium_gradient_button url=”#” color=”green”]Button Text[/medium_gradient_button]
[/button_group]
[toggle_box title=”Shortcodes:”]
[code_table]
[code_line][button_group][/code_line]
[code_line][medium_button url=”#” color=”teal”]BUTTON TEXT[/medium_button][/code_line]
[code_line][medium_button url=”#” color=”red”]BUTTON TEXT[/medium_button][/code_line]
[code_line][medium_button url=”#” color=”green”]BUTTON TEXT[/medium_button][/code_line]
[code_line][/button_group][/code_line]
[blank_code_line]
[code_line][button_group][/code_line]
[code_line][medium_gradient_button url=”#” color=”teal”]Button Text[/medium_gradient_button][/code_line]
[code_line][medium_gradient_button url=”#” color=”red”]Button Text[/medium_gradient_button][/code_line]
[code_line][medium_gradient_button url=”#” color=”green”]Button Text[/medium_gradient_button][/code_line]
[code_line][/button_group][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Large Buttons[/h3]

[button_group]
[large_button url=”#” color=”teal”]BUTTON TEXT[/large_button]
[large_button url=”#” color=”red”]BUTTON TEXT[/large_button]
[large_button url=”#” color=”green”]BUTTON TEXT[/large_button]
[/button_group]
[button_group]
[large_gradient_button url=”#” color=”teal”]Button Text[/large_gradient_button]
[large_gradient_button url=”#” color=”red”]Button Text[/large_gradient_button]
[large_gradient_button url=”#” color=”green”]Button Text[/large_gradient_button]
[/button_group]
[toggle_box title=”Shortcodes:”]
[code_table]
[code_line][button_group][/code_line]
[code_line][large_button url=”#” color=”teal”]BUTTON TEXT[/large_button][/code_line]
[code_line][large_button url=”#” color=”red”]BUTTON TEXT[/large_button][/code_line]
[code_line][large_button url=”#” color=”green”]BUTTON TEXT[/large_button][/code_line]
[code_line][/button_group][/code_line]
[blank_code_line]
[code_line][button_group][/code_line]
[code_line][large_gradient_button url=”#” color=”teal”]Button Text[/large_gradient_button][/code_line]
[code_line][large_gradient_button url=”#” color=”red”]Button Text[/large_gradient_button][/code_line]
[code_line][large_gradient_button url=”#” color=”green”]Button Text[/large_gradient_button][/code_line]
[code_line][/button_group][/code_line]
[/code_table]
[/toggle_box]

[spacer_20][spacer_20]

[h3]Custom Buttons[/h3]

[custom_button width=”182″ height=”42″ image=”http://klixtheme.com/demo/all/colorful/wp-content/themes/klix/images/preview/custom-btn.png” hover=”http://klixtheme.com/demo/all/colorful/wp-content/themes/klix/images/preview/custom-btn-hover.png” url=”javascript:;” alt=”Custom Button”]

[toggle_box title=”Shortcodes:”]
[code_table]
[code_line][custom_button width=”182″ height=”42″ image=”btn.png” hover=”btn-hover.png” url=”url-here” alt=”Custom Button”][/code_line]
[/code_table]
[/toggle_box]

Leave a Reply

Your email address will not be published. Required fields are marked *