Word Press Menu Colors

Hello,

I have my menu but I want to make one of the options a different color that the rest. Can someone please help me do so? The site is max-title.com. I want the Order Online to stand out.

Thank you
WO2015Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Prasadh BaapaatWeb Designer & DeveloperCommented:
Hi WO2015,
You will have to target the last item of the menu list and add the below CSS to the style.css (you are using wordpress so add it to your custom style sheet OR template style sheet)

.mainmenu > ul > li:last-child a {
    color: #ff0000;
}

Open in new window

Adding above 3 lines will make the menu look like image below:
last link is now red text
.mainmenu > ul > li:last-child a {
color: #fff;
background: #ff0000;
-webkit-border-radius: 6px; 
-moz-border-radius: 6px;
border-radius: 6px;
padding: 0 10px;
}

Open in new window

Adding above 8 lines will make the menu look like image below:
another lookAbove 2 types of CSS are examples of how you can manipulate the last menu item via CSS, you can make it any color you want instead of red or give it any other style you want to.

thanks,
Prasadh

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
WO2015Author Commented:
You rock, that worked out perfect!! Thank you!
Prasadh BaapaatWeb Designer & DeveloperCommented:
You are welcome :)
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.