Perfect Circles for Buttons

[mrdfrost]

How do we use the button element to create a perfect circle?

[nabeel]

Hey there,

Thanks for writing in! You can set the border-radius to 50% and give equal width and height to the button to have a perfect circle (see screenshots)

Alternatively you can give your button a class e.g circular-btn and then add the following code in the Theme Options > CSS:

.circular-btn {
  border-radius: 50% !important;
  width: 150px;
  height: 150px;
}

Adjust the width and height as per your need but they need to be equal to have a perfect circle.

Hope this helps!