Primary Color

Secondary Color

Tertiary Color

Top Header

Horizontal Menu Color

Vertical Menu Color

Primary Button

Secondary Button

Tertiary Button

Icon

Body Font

Heading Font

Horizontal Menu Font

Vertical Menu Font

Custom Background (Support Box Layout Only)


Background Image

  • patten 0
  • patten 1
  • patten 2
  • patten 3
  • patten 4
  • patten 5
  • patten 6
  • patten 7
  • patten 8
  • patten 9
  • patten 10

Backgrounds Color

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]