# How to round all input-fields in Discourse?

**URL:** https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232
**Category:** Development
**Tags:** css
**Created:** [January 29, 2024, 1:45am UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232 "2024-01-29T01:45:23Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [January 29, 2024, 1:45am UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232/1 "2024-01-29T01:45:23Z")

</div>

How do I round them all at once via CSS?

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/6/7/867cca20f7a63ef3619037e4b59a894db695c5b1.png)

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [January 29, 2024, 11:07am UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232/2 "2024-01-29T11:07:39Z")

</div>

There is a variable you can use, which is applied to most (regular) inputs:

`var(--d-input-border-radius);`

So set that variable in the root of your css to a value of your liking:

```plaintext
:root {
--d-input-border-radius: 20px;
}

```

There might be some cases where you have to manually touch up though, but this should be a good start.

---

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [January 31, 2024, 6:48am UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232/3 "2024-01-31T06:48:46Z")

</div>

Thanks, where can I see my forum Discourse variables?

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [January 31, 2024, 7:10am UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232/4 "2024-01-31T07:10:21Z")

</div>

In the core code of Discourse, the custom properties you can override can be found in this file:

> <https://github.com/discourse/discourse/blob/main/app/assets/stylesheets/common/foundation/base.scss>

To override any of these, you can add them to the root of your theme like this:

 ![image](https://global.discourse-cdn.com/meta/original/4X/b/0/e/b0ecc9d218cfcc746068a147b3f928cf2c28ddcf.png)

---

<div class="post-metadata">

### Author: ![danielabc](https://avatars.discourse-cdn.com/v4/letter/d/b9e5f3/32.png) [@danielabc](https://meta.discourse.org/u/danielabc)
#### Post date: [January 31, 2024, 4:41pm UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232/5 "2024-01-31T16:41:43Z")

</div>

thank so much

---

<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: [March 1, 2024, 4:42pm UTC](https://meta.discourse.org/t/how-to-round-all-input-fields-in-discourse/293232/6 "2024-03-01T16:42:19Z")

</div>

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