Change color menu bar

[wildemaarten]

Hi ,

Ik want to change the color of part of the menu bar, see attached screendump. How can i do that? Saw some posts mentioning CSS entries but didnt really work out.

Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#header-section > #main-nav {
    background: #eee !important;
}

#main-nav .header-right ul.menu > li {
  border-left-color: #fff;
}

Thanks
Mohammad

[wildemaarten]

Hi Mohammad,

Thanks again for your quick response. Im learning CSS here 😉
Last question: How can i change the links text within that menu to another color?

Cheers,
Maarten

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nav#main-navigation .menu > li > a{
color:#ff0000 !important;
}

Thanks 🙂
With Best Regards
Mohammad

[wildemaarten]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please always insert all css code at Admin -> Theme Options -> General Options -> Custom CSS.
Thanks
Mohammad

[wildemaarten]

You are the best 🙂

I wasnt aware of that, my apologies.

Is there any way to change the color of the basket and search button etc in the menu bar to white also?

[Nishant – SUPPORT]

Here you go!

nav .menu > li a, #menubar-controls a {
  color: #fff;
}

[Nishant – SUPPORT]

But, the cart icon is an image so the color cannot be changed for that. So, now I will have to replace it with an icon. I will send you the next CSS in couple of minutes. 🙂

[Nishant – SUPPORT]

Here you go again,

.menu > li.shopping-bag-item a > i.sf-cart {
    background: none;
    vertical-align: 0;
}

.menu > li.shopping-bag-item a > i.sf-cart:before {
    width: 14px;
    height: 14px;
    display: inline-block;
    font-family: 'FontAwesome';
    content: "\f07a";
    font-style: normal;
}

[wildemaarten]

Whoop!
Excellent!

You guys are always such a superfast and great help.
Thanks so much!

[Kyle – SUPPORT]

No problem

– Kyle