Is it possible to create a button as a circle?

I am trying to create a circle using buttons. Like the Buy circle image here:
https://robinharford.com/00-wild-garlic-introduction/

TIA, Robin

Yes, this is easy as long the content inside the button is an icon with the same height and width.

In the Icon menu you can choose an icon of your liking or insert your own custom SVG to generate the icon. Then you toggle “Remove text”. Under Spacing you set the border radius to 50 % on all corners to make the button circle shaped.

I should add that this might be possible to achieve by ignoring the icon and simply write “Buy” inside the button, since the word is short. The key thing to remember is that the more the height and width of the button differ, the more elliptic the shape will get. If that happens you can try to adjust the padding so the dimensions get more equal.

1 Like