Buttons

Putting a big button in front of someone is the best way to get them to take an action. So, we’ve included a flexible button shortcode with Pax. Choose the colors you want, the size you want, the click behavior, and more. You’ll have exactly the button elements you need for your design:

Choose Size and Color

The Code

[button link="#" color="#666666" window="false" size="small" text="small"]
[button link="#" color="#0072bc" window="false" size="small" text="small"]
[button link="#" color="#A40BB9" window="false" size="small" text="small"]
[button link="#" color="#AAAAAA" window="false" text="medium"]
[button link="#" color="#d12525" window="false" text="medium"]
[button link="#" color="#ff8000" window="false" text="medium"]
[button link="#" color="#d12525" window="false" size="large" text="large"]
[button link="#" color="#ff8000" window="false" size="large" text="large"]
[button link="#" color="#A7D163" window="false" size="large" text="large"]

The Options

• size – pick a small, medium or large button
• text – what the button text should be
• class – any css classes you’d like to add to the button
• link – the URL address that should be opened when the button is clicked
• window – whether or not you want the link to open in a new window
• color – the background color of the button (you can pick any color you like)
• text_color – the text color of the button (you can pick any color you like)
• fullwidth – whether the button should fill the full width of its parent container