[34%20PM] [01%20PM] 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.

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; }

Can you include a screenshot of the button in question and your colour settings? :slight_smile:

Yes, definitely! Just added them

Oh right. The issue here is that that is not a button. :slight_smile: Use your Chrome inspector to find the CSS to target. [image]

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? [29%20PM]

[image] HAWK: .nav-pills li.active a, .nav-pills li a.active { color: #fff; background-color: #090; } Fantastic, it worked like a charm. THANKS!!

Button color changes

Dev

tyraniczar (Ek) June 29, 2018, 2:38am 7

Fantastic, it worked like a charm.
THANKS!!

2 Likes

Only posts with no likes or reactions can be "liked" in an archived topic

Topic		Replies	Views
Change hover background color for nav class buttons Dev	22	346	September 8, 2024
Change color of dropdown button Feature	0	495	May 12, 2020
How to change the buttons' colors on hover? Support versatile-banner	3	322	June 30, 2023
Cannot change color of buttons Support	4	583	July 4, 2024
I want to change background color of my Sign Up and Login Button Feature	5	1693	April 8, 2020

Button color changes

Related topics