Change link color for one menu item

  • I’m looking at changing the color of the menu item, or either adding a box around. The tab that I’m wanting to change is the donate tab, to make it stand out. This is a test url before it goes live. Any suggestions or help with the css would be greatly appreciated!

    https://www.pektra.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    CSS issues this specific are not relevant to WordPress forums.
    CSS Creator is a forum that specialises in CSS support.

    Thread Starter largerstory

    (@largerstory)

    Okay, thanks… I did a google search and found a similar post on this forum. I’ll post there.

    Hi largerstory,

    Apologies if you’ve found the answer already on another forum, but as I opened this thread I thought I might as well throw an answer in anyway!

    Your menu item for donate has the specific id of item-2220. You could target it in the CSS based on this ID, for example:

    #main-menu #item-2220  {
    border: 2px solid #FFFFFF;
}

    I’m not sure what theme is generating your menus, but the unique ID looks like a number generated by the theme. It’s possible it could change if you were to reinstall this theme or rebuild the menu on your live environment, but you can keep an eye on the HTML with a tool like Firebug to inspect your menu items and see their IDs, classes etc.

    If you’ve not used Firebug before, I’d strongly suggest Googling it and taking advantage of an excellent tool for web development.

    Hope that helps.

    Pete.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change link color for one menu item’ is closed to new replies.