Rounded Corners for Links

Anvil Q&A
1

Probably a CSS thing… is this possible?

2

Yep, you can do this with Roles. Here’s a cloneable example I threw together:

https://anvil.works/build#clone:BK47R3PFMKQ7W2M5=GCX6EIBE33SWBNZZ5OOY7MB7

The steps I took:

  1. Added a class style prefixed with .anvil-role- to theme.css: .anvil-role-rounded-border-1px-dashed-gray. You can theme.css it in the Assets section - the style I added is right at the top, you can’t miss it.
  2. Added a Role in the Roles section called rounded-border-1px-dashed-gray (note the omission of the .anvil-role- prefix).
  3. Assigned the new role to my link in the form editor.

Hope this helps!

3 Likes
3

Thanks Kevin! Anvil community is the best

1 Like