Home » Features » Blog Shortcode » Shortcode Buttons

Shortcode Buttons

Buttons with Background

 
Syntax

[button size="default" background="yes" opacity="boldest" color="btn-over-red"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-orange"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-yellow"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-green"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-aqua"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-azure"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-blue"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-magenta"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-pink"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-white"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-black"]button[/button]

 

Buttons no background

 
Syntax

[button size="default" background="no" opacity="boldest" color="btn-over-red"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-orange"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-yellow"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-green"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-aqua"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-azure"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-blue"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-magenta"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-pink"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-white"]button[/button][button size="default" background="no" opacity="boldest" color="btn-over-black"]button[/button]

 

Button with Opacity
button

 
Syntax:

[button size="default" link="#" background="yes" opacity="boldest" color="btn-over-orange"]button[/button][button size="default" background="yes" opacity="bold" color="btn-over-orange"]button[/button][button size="default" background="yes" opacity="faint" color="btn-over-orange"]button[/button][button size="default" background="yes" opacity="faintest" color="btn-over-orange"]button[/button]

 

Button width differents sizes

 
Syntax:

[button size="largest" background="yes" opacity="boldest" color="btn-over-orange"]button[/button][button size="large" background="yes" opacity="boldest" color="btn-over-orange"]button[/button][button size="default" background="yes" opacity="boldest" color="btn-over-orange"]button[/button][button size="small" background="yes" opacity="boldest" color="btn-over-orange"]button[/button][button size="mini" background="yes" opacity="boldest" color="btn-over-orange"]button[/button]

 

Button group
 
Syntax:

[button_group][button size="default" link="#" background="yes" opacity="boldest" color="btn-over-black"]button text[/button][button size="default" link="#" background="yes" opacity="boldest" color="btn-over-orange"]button text[/button][button size="default" link="#" background="yes" opacity="boldest" color="btn-over-blue"]button text[/button][button size="default" link="#" background="yes" opacity="boldest" color="btn-over-green"]button text[/button][button size="default" link="#" background="yes" opacity="boldest" color="btn-over-red"]button text[/button][button size="default" link="#" background="yes" opacity="boldest" color="btn-over-magenta"]button text[/button][/button_group]

 

Vertical button group
 
Syntax:

[button_group vertical="1"] [button size="default" link="#" background="yes" opacity="boldest" color="btn-over-black"]button text[/button] [button size="default" link="#" background="yes" opacity="boldest" color="btn-over-orange"]button text[/button] [button size="default" link="#" background="yes" opacity="boldest" color="btn-over-blue"]button text[/button] [button size="default" link="#" background="yes" opacity="boldest" color="btn-over-green"]button text[/button] [button size="default" link="#" background="yes" opacity="boldest" color="btn-over-red"]button text[/button] [button size="default" link="#" background="yes" opacity="boldest" color="btn-over-magenta"]button text[/button] [/button_group]