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 meWith gradients
Click me Click me Click me Click me Click me Click me Click me Click meWith rounded corners
Click me Click me Click me Click me Click me Click me Click me Click meBig buttons
Click me Click me Click meLong 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"]