Change color of the bar and text

[lucaluca]

Hi, could you help me to change the color of the horizontal bar where there are the categories (man woman about us contacts)? I’d like to change it from Grey to White (255,255,255). And i’d like to change the text color from white to black. Thank you in advance.

[Rui Guerreiro – SUPPORT]

Hi,

There is also some vertical bars wit the black color, and the select page has also black color.

What do you want to do with those?

-Rui

[lucaluca]

Hi Rui, I’d like to remove the black vertical bar. Black colour is ok if it’s visible only for the selected page. Thank you in advance.

[Rui Guerreiro – SUPPORT]

Add the code below to your custom css option.

#header-section #main-nav {
    background-color: #fff;
}

#main-nav ul.menu > li {
    border-color: #fff!important;
}
nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {
    color: #000!important;
}

Hope it helps.

-Rui

[lucaluca]

Thank you Rui, does this code works both for desktop and mobile version, or exclusively on desktop version?

[lucaluca]

sorry rui, the code works, but I’d like to set also the ”selected” page in white (255,255,255). could you help me with the code? thank you

[Rui Guerreiro – SUPPORT]

try this one.

nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
    background-color: #fff!important;
}

-Rui

[lucaluca]

Have I to paste it in the css section under the previous code you sent me in this topic, or have I to remove the previous code and copy this new one?

[Rui Guerreiro – SUPPORT]

Just add it to the custom css field, and don’t delete any of the previous code I sent.

-Rui

[lucaluca]

Rui thank you. It works, but in the picture you sent me in this topic there is the page named ”home” that is the selected page of the website with grey/black background. I’d like to make it pure WHITE (255,255,255).Could you help me with the code? Thank you in advance.

[Rui Guerreiro – SUPPORT]

I know. The previous code it’s suppose to do that. Maybe you have some error in the custom css field.
Don’t copy the code from the emails you receive, copy from the support page.

Can you provide admin credentials to check it?

-Rui

[lucaluca]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This reply has been marked as private.