Home › Forums › WoodMart support forum › How to add custom colours on menu items

How to add custom colours on menu items

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 29, 2023 at 6:28 pm #516930

    gytisgrigaliunass
    Participant

    Hey,

    We would like to add custom colours and styling on menu item, can you help with css code?

    Add print screen for reference.

    Attachments:
    You must be logged in to view attached files.
    November 29, 2023 at 6:30 pm #516935

    gytisgrigaliunass
    Participant

    Sorry different user name

    November 30, 2023 at 10:54 am #517105

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can change the menu color and hover through Theme Settings -> Typography -> Advanced typography -> create a new rule with the “Main navigation links” item.

    Here is the documentation providing more detailed instructions:
    https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards.

    December 4, 2023 at 6:34 pm #518388

    gytisgrigaliunass
    Participant

    I don’t want for all menu, just for specific id=”menu-item-44339″ do change as I add to reference print screen.

    Attachments:
    You must be logged in to view attached files.
    December 5, 2023 at 11:11 am #518584

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS.

    #menu-item-44339 a.woodmart-nav-link  {
	color: red !important;
	font-weight: bold !important;
}

    Best Regards.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)