Need help with Code snippet/CSS

[Shobha22]

Hi:

My site at http://shobhaponnappa.com now has only the primary navigation menu. I want to add a secondary navigation menu and include four pages in that menu.

Out of the four pages I want to add there, I want the first page link in the menu to have a yellow box around it with a thin grey outline so that it stands out.

Can anyone help me know how to get the first item in the secondary menu to have a yellow box around it with a thin grey outline?

http://shobhaponnappa.com

[surefirewebserv]

Looks like you figured it out =)

---

SureFireWebServices.com | Genesis Tuts and More
Genesis Theme Starter Kit | It’s Free

[Badlywired]

I see you did it by adding a class to the menu item

.menu-secondary .firstitem {
background-color: #f1e629;
border: 1px solid grey;
}

Just for the sake of it you could also have done it via 'first-child' without adding the class

.menu-secondary li:first-child {
background-color: #f1e629;
border: 1px solid grey;
}

---

My techy blog WordPress and stuff badlywired.com

[Author]

Posts