changing background color menu

[andyversyck]

I am trying to change the color of the background for the menu in the header of this website. But i can’t seem to find were i can do this.

Can someone help me ? I am trying to give each butten from the menu a color so it stands out.

thank you in advance

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Do you want to change the color of the whole bar or just the menu items?

– Kyle

[andyversyck]

I would like to change the color of the menu items (not the text color) but the bg color of the buttons.

grtz

[Kyle – SUPPORT]

You would need to get the menu item id, then use css like this:

#menu-item-30 {
  background-color: #aaaaaa;
}

– Kyle

[andyversyck]

Ok thx,

i got the id’s,

in what CSS file i have to modify this?

grtz

[andyversyck]

Ok, it worked, but can i do this with a hover effect?

grtz

[Kyle – SUPPORT]

Add this:

#menu-item-30:hover {
  background-color: #aaaaaa;
}

– Kyle

[andyversyck]

Thank you works like a charm

[Kyle – SUPPORT]

Great! No problem

– Kyle

[hajsiwo]

What file You edited?

[hajsiwo]

And if my menu id is “Main”, that what css I should use ?

[Kyle – SUPPORT]

Hi

You can add the css to Theme Options > Custom CSs

To find your menu item id, you need to inspect the element

– Kyle