Plug In Nav/Menu Color

[Nicole Snyder]

Hi Bill –

1. When you click on “Charity”, which is a sponsor page, the donate button is still in green from the demo copy. I know “Charity” is a sponsor page, but I don’t know where to change that setting. The sub page under charity “sponsors” has the green button as well. The drop down menu when you’re in the “sponsors” page has the green text too. I feel like this all has a very easy solution, but I don’t know where.

Also, I’m wondering if I can add a hero image to a page where my sponsors are all listed in clickable boxes.

2. Same thing when you click on “Events” which is an event page – donate button is green like the demo copy.

I did try the custom CSS you recommended to another user, but it didn’t change anything. Thanks for your help!

[Bill Robbins]

Hello Nicole,

It looks like you’re almost there. Let’s go to the Custom CSS in your theme options page. Find this section at the bottom:

@media only screen and (max-width: 767px) {

        #logo {

nav#top-menu ul li.button a,
.scroll nav#top-menu ul li.button a {
	border-color: #d62453;
	color: #d62453;
}

nav#top-menu ul li.button a:hover,
.scroll nav#top-menu ul li.button a:hover {
	color: #d62453;
	border-color: #d62453;

and change it to be like this:

nav#top-menu ul li.button a,
.scroll nav#top-menu ul li.button a {
	border-color: #d62453;
	color: #d62453;
}

nav#top-menu ul li.button a:hover,
.scroll nav#top-menu ul li.button a:hover {
	color: #d62453;
	border-color: #d62453;
}

and save your changes. See if that doesn’t straighten out the button color.

---

The only way to have a hero image with sponsors is to use the sponsor page template. It displays all sponsors from all groups so if you need more than one list it’s probably not a good option. But it does allow for a hero image.

Let me know if I can help,
Bill

[Author]

Posts