Docs

[jkonnikova]

Hello X team,

I am using Integrity 1 and I want the clicked on menu item and the bar above it to be different colors. Right now the bar has the color of the hover over item.

Is there a way to achieve this result?

my url is unic.com/wordpress2/

Thank you very much for your help!
Jane

[jkonnikova]

My apologies, the bar is a link and has the color of the link. I have to rephrase the question:
does the menu bar has a class to which I can assign color different from other links? In other words id there a way to set different color to me menu bars? Right now I just reset other links color, but I am wondering if there is better way to do this.
Thanks much!
Jane

[Joao]

Hi Jane,

The link unic.com/wordpress2/ is not working. I am getting page not found on unic

Would you mind checking if it is correct?

Thanks

Joao

[jkonnikova]

Sorry, Joao, it it unitc.com/wordpress2/

[Joao]

Hi There,

There is ways of changing the color of the links, the background and the bar above.

Would you mind providing a mockup of what you are trying to achieve?

Thanks

Joao

[jkonnikova]

Hi Joao, I use Intergity one and I want the bar on top of the menu item in the navigation menu to be different color than links color.

What I’ve done was to set link color in customiser to the color of the bar and added inline style to all links.

So the question is is there a way to set the bar color different from the links color in the customiser?

Thank you,
Jane

[Joao]

Hi Jane,

Thanks for clarifying it.

Please add the following code to Appereance Customizer Custom CSS and adjust the color according to your wishes.

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 #ffffff;
}

**Change #ffffff for the color you would like.

Hope it helps

Joao

[jkonnikova]

Thank you so much, Joao! It worked!
Jane

[Jade]

You’re welcome, Jane.

[Author]

Posts