Buttons rounded edges

Support
1

Hello,

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

image

Thanks in advance.

1 Like
2

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
3

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

I appreciate it.

1 Like
4

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