Buttons

Home / Shortcodes / Buttons

Buttons

[highlight bgcolor=”#1e73be” text_color=”#ffffff” type=”highlight1″]Parameters for the Buttons[/highlight]

[divider style=”thin” margin=”20px 0″ bordercolor=”#dddddd”]
[list icon=”fa-angle-right” color=”#81d742″]
Button Style: Select the button Style.
Button Size: Select the button size.
Button Text: Type the text you wish to display for button.
ID: Optional CSS value.
Class: Custom CSS class.
Link: Enter link URL.
Link Target: Choose option when reader clicks on the link.
Lightbox: Check this if you wish to display button Lightbox.
Color: Select the color variation.
Align: Select the alignment for a button.
Fullwidth: Check this if you wish to display button in full width and uncheck if you wish to use specific width below.
Button Width: Use px or % as units for width, do not leave only integers.
[/list]
[divider style=”thin” margin=”20px 0″ bordercolor=”#dddddd”]

[one_half]

Buttons with Flat Style

[button style=”flat” size=”small” button_color=”magenta” link=”#” fullwidth=”false”]Button[/button]
[demo_space height=”10px”]
[button style=”flat” size=”medium” button_color=”magenta” link=”#” fullwidth=”false”]Button[/button]
[demo_space height=”10px”]
[button style=”flat” size=”large” button_color=”magenta” link=”#” fullwidth=”false”]Button[/button]
[/one_half]

[one_half_last]

Buttons with Border Style

[button style=”border” size=”small” border_color=”dark” link=”#” fullwidth=”false”]Button[/button]
[demo_space height=”10px”]
[button style=”border” size=”medium” border_color=”dark” link=”#” fullwidth=”false”]Button[/button]
[demo_space height=”10px”]
[button style=”border” size=”large” border_color=”dark” link=”#” fullwidth=”false”]Button[/button]
[/one_half_last]

Buttons With Different Color Variations

[button style=”flat” size=”medium” button_color=”gray” link=”#” fullwidth=”false”]Gray[/button]
[button style=”flat” size=”medium” button_color=”brown” link=”#” fullwidth=”false”]Brown[/button]
[button style=”flat” size=”medium” button_color=”cyan” link=”#” fullwidth=”false”]Cyan[/button]
[button style=”flat” size=”medium” button_color=”orange” link=”#” fullwidth=”false”]Orange[/button]
[button style=”flat” size=”medium” button_color=”red” link=”#” fullwidth=”false”]Red[/button]
[button style=”flat” size=”medium” button_color=”magenta” link=”#” fullwidth=”false”]Magenta[/button]
[button style=”flat” size=”medium” button_color=”yellow” link=”#” fullwidth=”false”]Yellow[/button]
[button style=”flat” size=”medium” button_color=”blue” link=”#” fullwidth=”false”]blue[/button]
[button style=”flat” size=”medium” button_color=”pink” link=”#” fullwidth=”false”]pink[/button]
[button style=”flat” size=”medium” button_color=”green” link=”#” fullwidth=”false”]green[/button]
[button style=”flat” size=”medium” button_color=”black” link=”#” fullwidth=”false”]black[/button]

Leave a Reply

Your email address will not be published.