How to change header color from a demo?

[shir733]

Hi, I am using the non-charity demo as my base, and btw I am totally amateur to coding so I am really not sure how to change the demo’s color? It’s green color is really not fit with my site, but I couldn’t find where to change it anywhere…
Thanks!

[shir733]

Ok I just solved it with this code I found in previous same question in the forum:
.x-navbar {
background-color: #0072a5 !important;
}

But Still there are other elements I want to change the color but can’t find how to do so, for example the green on the donation button
Here is my site:http://candifordisabled.org

[jade]

Hello Shanshan,

@shir733

But Still there are other elements I want to change the color but can’t find how to do so, for example the green on the donation button

Please go to X > Theme Options > CSS then find this block of code:

.x-navbar .desktop .x-nav > li.menu-item-fill > a > span {
    color: #00a580;
    border-color: transparent;
    background-color: #ffffff;
}

Then change the color value in the code above.

Hope this helps.

[shir733]

Hi really thanks for replying but it didnt work…
The donation button is still green.

[lely]

Hi @shir733,

Please check your GLOBAL CSS, remove the following custom CSS:

.x-navbar .desktop .x-nav > li.menu-item-fill > a > span {
    color: #00a580;
    border-color: transparent;
    background-color: #ffffff;
}

See this: https://screencast-o-matic.com/watch/cYfUXrB6NB
Make sure not to use same value for color and background color because you will not see the text.