Jump to content


Photo
- - - - -

Change css for item in main nav menu

main nav css 1 item page_item

  • Please log in to reply
1 reply to this topic

#1 starlit

starlit

    Advanced Member

  • Members
  • 30 posts

Posted 19 February 2013 - 12:04 PM

Hi smart people. 

 

I would like to change one link in the main nav menu. Simple change - just make the font bold and change the color. But can't seem to work it out. 

I have come so far that I think I need to change the css for the specific page item but nothing is changing

(in this case class=page_item page-item-77)

 

Please have a look at www.eventhostesses.co.za/wp   I just want to have the 'Apply!' link stand out a bit.

 

Please help.

 

Highly appreciated.

 

Thank you!

 

Anne



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17965 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 19 February 2013 - 12:50 PM

Hi Anne,

 

If you use Firebug or your browsers built-in web dev tools, you can see that your alert menu item has a unique ID of 77. You can use this to give this menu item individual styling.

 

I have provided you with the correct class below, all you need to do is add the CSS properties such as background, font-weight etc...

 

#page .page-item-77 { }

 

If you need assistance in find the correct CSS property, I recommend you read through the articles on W3 Schools.

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: main nav, css, 1 item, page_item