# Buttons rounded edges

**URL:** https://meta.discourse.org/t/buttons-rounded-edges/99581
**Category:** Support
**Created:** [October 15, 2018, 9:12pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581 "2018-10-15T21:12:41Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [October 15, 2018, 9:12pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581/1 "2018-10-15T21:12:41Z")

</div>

Hello,

How i can make the edges of the buttons on my forum rounded ?  
see the example below:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/2/e/2ecfdf63e7969cb47a5b5fa17f3d16263989d20c.png)

![image](https://global.discourse-cdn.com/meta/original/3X/8/d/8d867e55f91b57df4d0f49d04dcaf6f187727855.png)

Thanks in advance.

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [October 15, 2018, 9:17pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581/2 "2018-10-15T21:17:22Z")

</div>

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

1. Using a theme component: [Discourse Button Styles](https://meta.discourse.org/t/discourse-button-styles/88154)

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

```plaintext
.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.

---

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [October 15, 2018, 9:23pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581/3 "2018-10-15T21:23:23Z")

</div>

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

I appreciate it.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [November 14, 2018, 9:34pm UTC](https://meta.discourse.org/t/buttons-rounded-edges/99581/4 "2018-11-14T21:34:02Z")

</div>

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