Jump to content

- - - - -

Change css for item in main nav menu

main nav css 1 item page_item

This topic has been archived. This means that you cannot reply to this topic.
1 reply to this topic

#1 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!



#2 Danny


    Is Awesome!

  • Moderators
  • 19770 posts

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