Buttons rounded edges

There are a few ways to do this, here’s two:

  1. Using a theme component: Discourse Button Styles

  2. Using simple css you could target all button elements:

.btn {
    border-radius: 6px;
}

Change the 6px to a larger/smaller number for more/less roundedness. Note that .btn will only target actionable buttons, it won’t target the navigation bar.

8 Likes