Change color of ONE tab on the navbar

General questions pertaining to how certain issues can be resolved
Forum rules
1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"

Change color of ONE tab on the navbar

Postby Jeanette » 26 Feb 2010, 15:17

http://www.AnythingGoesGourmet.com

(I promise this will be the last question I have for a little while. You've been very generous with your time and I'm grateful. I hope that I'll be able to donate again to you soon, and encourage others who read these forums to give a donation for this terrific, easy to use theme and excellent support.) :)

Is there anyway of changing the color of ONE SINGLE TAB on the navbar? Or some other way you can think of to make it stand out from the others? I am trying to get the "Gourmet Store" tab to stand out across all pages.

As always, if this is complicated or something that will have to be fixed everytime I do an update of the theme, just tell me no.
Jeanette
 
Posts: 26
Joined: 16 Feb 2010, 16:28

Re: Change color of ONE tab on the navbar

Postby Connie » 27 Feb 2010, 02:49

Jeannette,

CSS has some ways to define some elements in a special way: first-child and last-child

here an example:

Code: Select all
.sf-menu li:first-child{color:#ff0000}


or
Code: Select all
.sf-menu li:last-child{color:#ff0000}


but unfortunately no "second-child"

you could achieve some effect by setting that label either as the last in your menue or don't use "HOME" than your label would be the first one
User avatar
Connie
 
Posts: 1163
Joined: 10 Nov 2009, 04:53


Return to Support Requests

Who is online

Users browsing this forum: Alexa [Bot], Bing [Bot], chonglovdok, Google [Bot], vnrawpnm and 8 guests