Button color changes


(Ek) #1

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.


#2

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


(Ek) #3

Yes, definitely! Just added them


#4

Oh right. The issue here is that that is not a button. :slight_smile:

Use your Chrome inspector to find the CSS to target.


(Ek) #5

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


#6

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

(Ek) #7

Fantastic, it worked like a charm.
THANKS!!


(system) #8

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