This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Highlight Single Menu Item

Resolved 10 replies premiumthemetheme-vantage
Sean
11 years ago · Last reply by Andrew Misplon 11 years ago

I have one specific menu item to which I’d like to call particular attention, by changing the color to distinguish it from other menu entries. Is there a way to do this?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

10
  1. Andrew Misplon Staff 11 years, 10 days ago

    Hi Sean

    If you send through a link to your site and let me know which menu item it is, we can help with a little Custom CSS.

  2. Sean 11 years, 10 days ago

    Thanks, Andrew. The site is: http://www.wiotx.com/

    The Menu item is the “Book Now” entry. We would like the ability to change the color separately from the rest.

  3. andy-shandy 11 years, 9 days ago

    Hey Sean,

    While you are waiting for the Andrew’s response I would like to ask you about the following:

    How did you manage to make such an announcement?

    http://joxi.ru/Dr8WKGJcPdPXA6

    Regards

    Andy

  4. Andrew Misplon Staff 11 years, 9 days ago

    Sean please try the following under Appearance > Custom CSS:

    /* Menu */

.main-navigation ul li.menu-item-358 a {
background: #000;
color: red;
}

.main-navigation ul li.menu-item-358:hover > a {
background: #fff;
color: blue;
}

    Edit the colors as required.

  5. Sean 11 years, 8 days ago

    Andrew is correct, that is the plug in we used. Very easy, and very customizable. I like that it allows me to predefine dates for the bar to start running and then expire.

  6. Sean 11 years, 8 days ago

    Thanks, Andrew. Unfortunately, the custom CSS page doesn’t seem to have a space where I can enter code. It looks like this:

    https://dl.dropboxusercontent.com/u/37700323/Screen%20Shot%202015-02-08%20at%205.32.58%20PM.png

  7. Andrew Misplon Staff 11 years, 7 days ago

    Mmm that’s no good. Perhaps try temporarily de-activating all non-SiteOrigin plugins and check if there is any change to the Custom CSS window. If not you could try Simple Custom CSS as a hotfix:

    https://wordpress.org/plugins/simple-custom-css/

  8. Sean 11 years, 3 days ago

    This worked great, though I had to use simple CSS until I have time for more troubleshooting. Thanks for the assistance.

  9. Andrew Misplon Staff 11 years, 3 days ago

    Super, glad to hear you made progress here :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread