atpluke

Your service looks good! I ended up having to get a friend to help me. He found out how the nav items are identified. The items I wanted to highlight were the 8th and 9th items in the nav bar respectively. Below is the CSS: #main-navigation ul li:nth-child(8n) a, #main-navigation ul li:nth-child(9n) a { background-color: #EA0437 !important; color: #ffffff !important; padding: 10px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-radius: 5px !important; -moz-transition: all 150ms linear !important; -webkit-transition: all 150ms linear !important; -o-transition: all 150ms linear !important; transition: all 150ms linear !important; } #main-navigation ul li:nth-child(8n) a:hover, #main-navigation ul li:nth-child(8n) a:focus, #main-navigation ul li:nth-child(9n) a:hover, #main-navigation ul li:nth-child(9n) a:focus { background-color: #eeeeee !important; /* match social nav links */ color: #000000 !important; }

I'm trying to add 2 rounded rectangle buttons to my navigation bar in the Five template. Is there a CSS code that will let me do this? Below is the test site. I'm trying to add the buttons around "Buy Tickets" and "Donate Now." http://atpwhitefish-test.squarespace.com