# Button color changes
**URL:** https://meta.discourse.org/t/button-color-changes/91007
**Category:** Development
**Tags:** css
**Created:** [June 29, 2018, 1:15am UTC](https://meta.discourse.org/t/button-color-changes/91007 "2018-06-29T01:15:34Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@tyraniczar](https://meta.discourse.org/u/tyraniczar)
#### Post date: [June 29, 2018, 1:15am UTC](https://meta.discourse.org/t/button-color-changes/91007/1 "2018-06-29T01:15:34Z")
 Hello all, how do you change the orange default button color?
I’ve changed it to the desired hex color in Settings\>Customize\>Colors but the buttons remain the default orange.
---
### Author:  [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [June 29, 2018, 1:27am UTC](https://meta.discourse.org/t/button-color-changes/91007/2 "2018-06-29T01:27:07Z")
Can you include a screenshot of the button in question and your colour settings? 🙂
---
### Author:  [@tyraniczar](https://meta.discourse.org/u/tyraniczar)
#### Post date: [June 29, 2018, 1:30am UTC](https://meta.discourse.org/t/button-color-changes/91007/3 "2018-06-29T01:30:03Z")
Yes, definitely! Just added them
---
### Author:  [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [June 29, 2018, 1:39am UTC](https://meta.discourse.org/t/button-color-changes/91007/4 "2018-06-29T01:39:34Z")
Oh right. The issue here is that that is not a button. 🙂
Use your Chrome inspector to find the CSS to target.
---
### Author:  [@tyraniczar](https://meta.discourse.org/u/tyraniczar)
#### Post date: [June 29, 2018, 2:24am UTC](https://meta.discourse.org/t/button-color-changes/91007/5 "2018-06-29T02:24:27Z")
Thanks, I was able to find it. The “background-color” isn’t a color item in Settings\>Customize\>Colors. Is this something I’d have to edit programmatically?
---
### Author:  [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [June 29, 2018, 2:36am UTC](https://meta.discourse.org/t/button-color-changes/91007/6 "2018-06-29T02:36:02Z")
Correct. You can write some simple CSS.
Navigate to your active theme at `/admin/customize/themes/` and customise the CSS.
Adding this rule will make them green.
```
.nav-pills li.active a, .nav-pills li a.active {
color: #fff;
background-color: #090;
}
```
---
### Author:  [@tyraniczar](https://meta.discourse.org/u/tyraniczar)
#### Post date: [June 29, 2018, 2:38am UTC](https://meta.discourse.org/t/button-color-changes/91007/7 "2018-06-29T02:38:17Z")
> [@HAWK](#):
>
> .nav-pills li.active a, .nav-pills li a.active { color: #fff; background-color: #090; }
Fantastic, it worked like a charm.
THANKS!!
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [July 29, 2018, 2:39am UTC](https://meta.discourse.org/t/button-color-changes/91007/8 "2018-07-29T02:39:26Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [August 8, 2024, 9:31pm UTC](https://meta.discourse.org/t/button-color-changes/91007/9 "2024-08-08T21:31:40Z")
all this css is out of date now
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [August 9, 2024, 7:07am UTC](https://meta.discourse.org/t/button-color-changes/91007/10 "2024-08-09T07:07:30Z")