Change the menu and footer background color

Thanks for using Tracks!

The following code will change the background of the site including the menus to white:

body,
.excerpt,
.main,
.menu-primary-items ul {
	background: white !important;
}
#site-header {
	background-color: white;
}
#menu-primary-items a,
#title-info a {
	color: #000;
}

You can update that with the color of your choice and it should work great for you. Also, the menu items were made black, but you can either change that color or delete it if the default color works well with your new background.

Targeting the footer specifically can be done like this:

.site-footer {
  background: #333;
  color: #fff;
}

Please let me know if you have any other questions, or need additional help implementing the above code.

Thank you!

Clarification– does the above allow me to change the black menu bar color? It didn’t seem to when I entered the code.

I also am having trouble changing the url that the logo points to. It currently goes to blog.mshopnyc.com, but I would like it to point to just mshopnyc.com.

I looked in the functions, header, and logo php files. I thought I found it in logo, but when I changed the url, it broke the site and caused an error.

Any assistance would be welcome. Thank you again!!! You are so helpful!

CS

You’re welcome ??

I forgot the very top container with the social icons and secondary menu in it. Just add .top-navigation to that first list of selectors and its background will change too.

For the logo, you’ll want to copy the logo.php file over to a child theme and then edit Line 16:

$output .= "<a href='".esc_url( home_url() )."' title='".esc_attr( get_bloginfo( 'name' ) )."'>";

Change the URL to your site like this:

$output .= "<a href='https://mshopnyc.com' title='".esc_attr( get_bloginfo( 'name' ) )."'>";

That should do the trick ??

Hey sorry to interrupt but I’m having some issues myself in regards to the Footer. ??

I entered the code just as you did in the Custom CSS section of the Theme (Appearance—Customize) expecting it to turn to white:

.site-footer {
background: #333;
color: #fff;
}

….and nothing happened. Funny thing is if i enter color: #ffffff the tagline will turn to white, but if I enter background #ffffff nothing changes. :/ I am a complete newbie at this all so it’s clear I’m doing something wrong. Can you please help? Hate to be a pain but if you can assist please send detailed instructions on where to go and how to correct it. I’m learning as I go so I would appreciate that. ??

P.S: I love the layout of this theme so much! Any plans to include an upgrade that would make the Header centered instead of to the left and Menu options centered as well? I’d pay for that….just saying ??

Thank you!

Thanks for the suggestion. I hadn’t thought of that, but it would be a cool upgrade ??

For the footer, try the following CSS:

.site-footer {
  background: #fff !important;
  color: #333;
}

Let me know if that works for you or if you need any help implementing it.

It worked! / Thank you so much. ??

You’re welcome ??