After adding the border and clearing the background, you might see that the shape is a little “squished” and not a perfect circle.
To fix that, you need to add double the border width to the Custom Width that you set in the Custom Positioning section. So for our example:
- The border width is 3 px
- The custom width is 90 px
So to make it a perfect circle, you need to add another 6 px to the existing Custom Width (2 x 3 px) for a total of 96 px.
This same formula applies no matter what your dimensions are.
For example, if you wanted to make the circle smaller, you could set the Spacer equal to 50 px in the Content tab and then change the Custom Width to 56 px. Again, that’s the base 50 px plus double the border width.