Menu Question- font color

Posted in: Newspaper
Post count: 53
ntoulios88
#23505
Oct 6, 2014 at 11:49 pm

Hi

I would like to ask if it is possible on the menu, one of the menu choices to have different font color than the others.

http://constantinoupoli.com/wp-content/uploads/2014/10/LOGO_CONST_website2-e1380135880690-300×105-1.png

thanks

Post count: 388
TheMediumUTM
#23508
Oct 7, 2014 at 1:30 am

Via CSS’s :nth-child(#) selector. Enter this in the theme panel’s custom CSS section:

.sf-menu li:nth-child(2) a {
  color: #000;
}

Change #000 to the hex you want. I checked it on your site and it should work. If it doesn’t work, add an !important tag.

If you want to use the dark selector, add this too:

.sf-menu li:nth-child(2) a .sf-sub-indicator {
  background-image: url('/wp-content/themes/Newspaper/images/sprite/elements.png');
}
Post count: 6600
Lucian
#23547
Oct 7, 2014 at 12:36 pm

Hi,

Thanks TheMediumUTM!

@ntoulios88
I might add that if you inspect the menu items you will noticed that each has a unique class, like “menu-item-4630” for example, so you can use that class to style each menu item as you like.

Thanks

Viewing 3 posts - 1 through 3 (of 3 total)
You must be logged in to reply to this topic.