Main Header Button Color

[rkassebaum]

I would like to change the button color for Donate Today in the main header. The rest of the buttons can remain the same color they are. https://lincolnveteransparade.org/
Thankyou.

[Prasant]

Hello @rkassebaum,

Thanks for writing in!

Looks like you are using Layer Slider plugin in the header where Donate now button is placed. To change the color, please do the following:

• Edit the slider and under click on Slides.

• Select the button element and click on Style Tab.

3. Under Text | Font & style and Misc | Other settings you can change the color and background color.

Thanks.

[rkassebaum]

Strange. My header menu is the standard menu. So, I’m a little confused.

[jade]

Hey @rkassebaum,

Our apologies for the confusion.

If you are pertaining to the Donate Now button that is in the main menu, please try to add a class to the menu item.

You can find the steps on how to add a class to a menu item here:

Change menu item colour

Then the code you have to add in the Global CSS should be something like:

.x-navbar .desktop .x-nav > li.donate {
    background-color: rgb(0, 161, 209);
}

.x-navbar .desktop .x-nav > li.donate a {
    color: #fff;
}

Please note that the code above assumes that the class you have added to the menu item is donate.

Hope this helps.