Change Donate button text from grey to white

[rkassebaum]

Say, what css would I need to enter to change the grey text in the donate button to white? https://lincolnveteransparade.org/. Also, if I wanted to change the hover color what css would I need to enter. Thank you.

[friech]

Hi @rkassebaum,

Thank you for writing in, I saw that you already have a custom CSS to change that DONATE TODAY menu item background-color to blue.

.x-navbar .desktop .x-nav > li.highlight {
    background-color: #007aff;
}

You can use that same rule with a Pseudo-classes :hover to change the background color on hover.

e.g.

.x-navbar .desktop .x-nav > li.highlight:hover {
    background-color: yellow;
}

Same thing for the text color, just add the a tag on the selector to target the text

e.g.

.x-navbar .desktop .x-nav > li.highlight a {
	color: yellow;
}

We provide some Helper Classes here, but please keep in mind that we can not list all the possible combinations of these classes (selector), it’s just impossible. With that said, you need to look for your own selector since we can not provide support for this customization, you can find the proper CSS code selector using the Chrome browser Developer Toolbar.

If you are more interested in having control over all aspects of the header/footer I suggest that you consider the Pro theme which has a Header/Footer builder.

Kindly check the Elements section of our documentation to learn more on which elements you can use on Pro Header/Footer builders.

Hope it helps,
Cheers!