How to build different shapes

We all know that buttons come in all shapes and sizes. We thought it best to provide you with a few examples of the shapes you can make and how to create them! 

Circle

To build a circle in button builder it only takes a few steps.

Step 1: 

First you need to change the width setting under the General tab to px instead of %. Enter the size you wish your button to be. Here we use 200px.

Step 2: 

Now you need to change the Height setting from Auto to px and enter the same number you entered into width, again we would enter 200px.

 

Step 3: 

Switch to the Design tab and add rounded corners using the same number as width and height into the T.Left input box (Ex. 200 without the px this time). You need to insure the corners button is locked.

 

This will create a rounded button for you to use! Now, just adjust your text and color settings and you are ready to add it to your web page. 

 

Rectangle 

Step 1: 

First you need to set the width setting under the General tab, this can be anything you want it to be.  

Step 2: 

Now you need to change the Height setting from Auto to px and enter a Height for your button. This all depends on the size you want for your button.

 

Step 3:

Modify your text and color settings and you are good to go! 

 

Square

Step 1: 

First you need to change the width setting under the General tab to px instead of %. Enter the size you wish your button to be. Here we use 200px.

Step 2: 

Now you need to change the Height setting from Auto to px and enter the same number you entered into width, again we would enter 200px.

 

 

Step 2: 

Here is what you come out with!

 

Pill

Step 1: 

This one is really simple! All that needs to be done is under the design tab > corners and add 20px to the T.Left and make sure the lock icon is locked. 

 

Step 2: 

Set your width and height in px of your button and just note the higher the width the more corner that needs to be applied to your button. 

Here is what you end up with!