Buttons rounded edges


How i can make the edges of the buttons on my forum rounded ?
see the example below:


Thanks in advance.

1 Like

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.


Noted, i went with the CSS you provided, did the job for the most of the forum buttons.

I appreciate it.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.