Buttons

Click with total abandon

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

small small small small small small small small small medium medium medium medium medium medium large large large large large

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
Copyright © 2017 Arrowood Business Association