Changing the background color of the header in template?

Support
#1

Hi there. I purchased this theme this morning, and I chose to use the Non-Profit layout. The very top header, where the main menu nav also is, seems to be stuck with this green background color. How do I change that? I see how to change the text color but not background. Thanks!

#2

Hello @mcdashley,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS to change menu background color:

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

Thanks.

#3

GREAT-- thank you SO much! This has been driving me crazy.

Also, in the header-- how do I get the title of the website to fit the full space of the header, rather than have extra space beneath?

#4

Hello @mcdashley,

Thanks for updating the thread.

Can you please share website URL so we can take a closer look?

Thanks.

#5

www.mountainvaluescoalition.com

#6

How about if i want to change the bg color of the header behind the logo?

#7

Hello @mcdashley,

Thanks for sharing website URL. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

.x-brand.text {
    margin-top: 30px;
}

Thanks.

#8

Hello @flavorcity1,

Thanks for writing in!

You can add following CSS to change header background color:

.x-navbar {
    background-color: #796767;
}

I request you that for any issues please create a new ticket so that we can help you better by not impacting response time.

Thanks for understanding.

#9

Tanks, i figured it out… the bg for the navigation color was under the theme

#10

You’re welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.