Changing the background color for top nav bar and footer

Support
#1

I have read all of the posts on how to change the color/background of the top nav bar, footer and other default sections and nothing is working. I’ve tried using the custom CSS and looked through all of options in the custom menu. Could something be causing the CSS code to not work? HELP - thank you!

#2

Hello There,

Thanks for writing in!

Please try adding following code and let us know how it goes:

footer.x-colophon.top {
    background-color: #ddd !important;
}

footer.x-colophon.bottom {
    background-color: #ddd !important;
}

.x-navbar {
    background-color: #ddd !important;
}

Please change color code as per your requirement.

Thanks.

#3

UGH. It is not changing the color of that very top line or the background. I’m going to send a private message with the log in – can you take a look at this please?? THANK YOU!

#4

Hey @skyaggie81,

Add following CSS code to Custom >> Edit Global CSS in Customizer for top-bar background color.

.x-topbar {
     background-color: #ddd;
}

Use Global CSS section instead of Additional CSS section, Both serves same thing, Additional CSS is WordPress default, Edit Global CSS is X themes CSS editor.

Regards

#5

The CSS code even in the global editor is not changing the background color! Can you please, please log onto my site (information provided securely in earlier thread) and help me figure out why this isn’t working!? There is a light blue patterned background in the top nav bar, the footer and throughout the site that I’m trying to change to a Ghost White – hex #f8f8ff. I’ve bought 10 themes from you and have rarely used tech support so I am counting on your help. Thank you!

<img src="//tco-forum-

#6

Hi again,

Thank you for the update. Your Topbar was disabled when I checked. I went ahead, turned on the Topbar and the following code in your Customizer:

.x-topbar {
    background: #ddd !important;
}
@media screen and (max-width: 767px) {
	.x-topbar .p-info {
		background-color: transparent;
	}
}

It’s working fine now, please clear your browser’s cache and check the site.

Cheers!

#7

Thank you so much!

#8

You are most welcome. :slight_smile: