How to make rounded buttons

The border radius is the distance from the middle of the button to its bounding surface. With Foxify, adjusting the border radius of any button is super simple.

To do that, go to Styles settings > Borders > Border radius. Then, you just need to add value to the attribute.

You can designate the border radius in pixels, rem, or em. The larger the value you pick, the more rounded the corners will be.

  • If your border radius is set to zero, your button will have the default 9-degree square corners.

  • Larger values create "pill" buttons - those have completely rounded sides but a horizontal top and bottom.

Most other elements in the editor can have their corners rounded in a similar way.

Last updated