Coding for changing the color of the header and Footer

Support
#1

Hi, how do I change color for my header and footer, right now my header and footer is White, and i want to change the color to black, how do i do that?

#2

Hey Hans,

This code should do it:

.masthead, .masthead .x-navbar, .x-colophon.top, .x-colophon.bottom {
    background-color: #000;
    border: 0;
    box-shadow: none;
}

Kindly place it in X > Theme Options > CSS:

Hope this helps.

#3

Thank you for the help. One more thing how do I separate the sections between the menus in grey color?
like this https://gyazo.com/47496eb12ed6e7048c3c89a0e73cad8a

For my Header https://gyazo.com/797e0e3b6517f4fc00bb39a010d8875d

An additional question:

How do i add an button to the menu header which it says Request a Demo?

#4

Hello Hans,

Thanks for writing in!

1.) Please remove “Request a Demo” from your menu in Appearance > Menus. Edit your header and then add a button element next to the navigation inline element. You can style your button that would fit according to your design.

2.) For your separators, you can enable the border in your Top Links in the navigation inline settings as shown in the image below.

Hope this helps. Please let us know how it goes.

#5

Hi, thank you for the help that you provided.

I have one second question to ask:

https://gyazo.com/376850ed6751c6ad5471a16797e4b543

How do i remove the small white dots and how do I get the text in the center?

#6

Hello Hans,

Please make sure that the Particles in the navigation inline element settings is disabled.

If this won’t work, please provide us access to your site so that we can inspect your header. You can create a secure note and add the details when you reply.

Best Regards.

#7

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