Buttons

There are a couple of presets available for the buttons for easy usage. You can however change the background color, text color or text shadow color to your liking! See the examples below, or see the detailed explanation below.

Presets

Click me Click me Click me Click me Click me Click me Click me Click me

With gradients

Click me Click me Click me Click me Click me Click me Click me Click me

With rounded corners

Click me Click me Click me Click me Click me Click me Click me Click me

Big buttons

Click me Click me Click me

Long buttons

This is very very very very long button!

 

Shortcode: [button]

Create buttons easily using this shortcode and some of its parameters

Optional Parameters
  • title ( default: Read more )
    The text which will be shown on the button
  • url ( default: # ( top of the page ) )
    The URL where the button takes the user
  • preset ( default: theme primary color: #2B63B8 )
    There are a number of preset buttons in this theme. If you use a preset you do not need to specify the color, background and text shadow separately to make sure the button looks good.
    Possible Values:
    • red - #D12344
    • cyan - #24ACD2
    • yellow - #E3C137
    • black - #3C3C3C
    • blue - #458BC0
    • green - #77AE42
    • purple - #B244AC
    • orange - #SB8E4E
  • color ( default: none )
    Defines the text color inside the button
    Possible Values:
    • color - Any valid CSS color
  • background ( default: none )
    Defines the background color of the button
    Possible Values:
    • color - Any valid CSS color
  • gradient ( default: false )
    If set to true it creates a smooth gradient from your chosen background color
    Possible Values:
    • true
    • false ( default )
  • radius ( default: none )
    Set the border radius of your message
    Possible Values:
    • radius - Any valid CSS value
  • textshadow ( default: none )
    Set the text shadow of the content.
    Possible Values:
    • dark - If the text is light, set the text shadow to dark
    • light - If the text is dark, set the text shadow to light
  • customstyle ( default: none )
    Allows you to add custom css styles to this element
    Possible Values:
    • css styles - write css styles as if you were writing them inline into the HTML element. For example [button customstyle="margin:0 20px 0 0"]