[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!!

Changement de la couleur du bouton

Dev

tyraniczar (Ek) Juin 29, 2018, 2:38 7

Fantastic, it worked like a charm.
THANKS!!

2 « J'aime »

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

Sujet		Réponses	Vues
Change hover background color for nav class buttons Dev	22	346	Septembre 8, 2024
Change color of dropdown button Feature	0	495	Mai 12, 2020
How to change the buttons' colors on hover? Support versatile-banner	3	322	Juin 30, 2023
Cannot change color of buttons Support	4	583	Juillet 4, 2024
I want to change background color of my Sign Up and Login Button Feature	5	1693	Avril 8, 2020

Changement de la couleur du bouton

Sujets connexes