Main menu color

Hello all

I would like to change the background and text color in one of the options in the main menu
How can I do that?

Attached to you is a picture explaining the idea (it was made in a red box for clarity)

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .whb-header-bottom .main-nav .item-level-0 > a{
background:red;
color:yellow;
}
body .whb-header-bottom .main-nav .item-level-0 > a:hover{
background:green;
color:red;
}
body .whb-header-bottom .main-nav .current-menu-item > a:hover{
background:green;
color:red;
}
body .whb-header-bottom .main-nav .current-menu-item > a{
background:blue;
color:orange;
}

Set the color as per your needs.

Best Regards

I tried to make the same settings that were sent from you

But all the colors of the main menu have been changed

Can I make them all the same settings and I will add a new option with a different color

Attached is the change that occurred after adding the code sent by you

An example of the idea I want is attached to you

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Please remove these two blocks:

body .whb-header-bottom .main-nav .item-level-0 > a{
background:red;
color:yellow;
}
body .whb-header-bottom .main-nav .item-level-0 > a:hover{
background:green;
color:red;
}

And check.

Best Regards

Hello

You didn’t understand what I meant
In the attachments another site applies the same idea that I want to implement on my site
Look at the main menu (hot offers) available with a different background and color from the rest of the list (Please click on all icons), Also attached is my site for you to see how the icons look after modification
(Please click on all icons)

There is a difference between what has been implemented in my site
and what i want to do

Hello,

If you want to outline one menu element there is the option in the menu item. You can find the detailed instruction here: https://xtemos.com/docs/woodmart/create-menu-2/ You will find the option “Call to action” button – allows presenting the menu item as a button;

Best Regards

THANK YOU
Now its working very well

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts