Problem adding border to a single menu item

  • Resolved Siamak

    (@ohyeahdesigns)


    3 years ago

    I have added the following code to my style.css:

    .menu-item-22-custom {
	border-style: solid;
	border-color: #9e9e9e;
	border: 1px;
}

    I have entered “menu-item-22-custom” without the quotation marks in the Custom CSS field on the menu item which is “MY ACCOUNT” in the main menu. This doesn’t add the border. I wonder what I am missing.

    Thank you very much

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • hannah

    (@hannahritner)

    Hi Siamak,
    Try using this css instead:

    li.menu-item-22.menu-item.menu-my-account.menu-item-22-custom {
    border: 1px solid #9e9e9e;
}

    You can paste it into your custom css box in Theme Options > Advanced Settings.
    Hope it helps!

    Best,
    Hannah

    Thread Starter Siamak

    (@ohyeahdesigns)

    Dear Hannah, sorry for the very late reply. That didn’t work.

    hannah

    (@hannahritner)

    Hmm, sorry about that. Try using this instead:

    li.menu-item-22.menu-item.menu-my-account {
    border: 1px solid #9e9e9e;
}

    How does that work?

    Best,
    Hannah

    Thread Starter Siamak

    (@ohyeahdesigns)

    Dear @hannahritner

    That did work. Thank you very much indeed.

    All the best to you in the new year.
    Siamak

    hannah

    (@hannahritner)

    Cheers! Glad that worked for you.

    Best,
    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem adding border to a single menu item’ is closed to new replies.

Tags