Hello all,
I have a bts template so most of my changes are in stylesheet. The issue I am having...is I want my navigational bar(div.navBarContent) links to be a different than my category box links (div.infoBoxFL.).
I understand if you change A: color: #ffffff; ...that changes all the links on the page to the same color. I did that to change them from the traditional blue color to a green. But how do I override this...but only in one section like the div.infoBoxFL section?
Or is that not possible? I may just have to settle for one color for all the links...but I don't want to.
Janet
Latest News: (loading..)
Does anyone know how to change link color
Started by jdice, Feb 25 2008 08:08 PM
6 replies to this topic
#1
Posted 25 February 2008 - 08:08 PM
#2
Posted 26 February 2008 - 11:36 AM
jdice, on Feb 25 2008, 02:08 PM, said:
Hello all,
I have a bts template so most of my changes are in stylesheet. The issue I am having...is I want my navigational bar(div.navBarContent) links to be a different than my category box links (div.infoBoxFL.).
I understand if you change A: color: #ffffff; ...that changes all the links on the page to the same color. I did that to change them from the traditional blue color to a green. But how do I override this...but only in one section like the div.infoBoxFL section?
Or is that not possible? I may just have to settle for one color for all the links...but I don't want to.
Janet
I have a bts template so most of my changes are in stylesheet. The issue I am having...is I want my navigational bar(div.navBarContent) links to be a different than my category box links (div.infoBoxFL.).
I understand if you change A: color: #ffffff; ...that changes all the links on the page to the same color. I did that to change them from the traditional blue color to a green. But how do I override this...but only in one section like the div.infoBoxFL section?
Or is that not possible? I may just have to settle for one color for all the links...but I don't want to.
Janet
Edited by pedgette, 26 February 2008 - 11:37 AM.
#3
Posted 28 February 2008 - 12:04 AM
pedgette, on Feb 26 2008, 05:36 AM, said:
In the navBarContent class in your style sheet add "color: #XXX;" to that section and it should do what you want. It will override the overall setting of the A class.
I also tried this...A:link {color: #ffffff;}.... but it did not work either...so I am stumped on this one.
#4
Posted 28 February 2008 - 02:28 AM
try:
div.navBarContent a:link, div.navBarContent a:visited {
color:#YOUR HEX
}
div.infoBoxFL a:link, div.infoBoxFL a:visited {
color:#ANOTHER HEX
}
div.navBarContent a:link, div.navBarContent a:visited {
color:#YOUR HEX
}
div.infoBoxFL a:link, div.infoBoxFL a:visited {
color:#ANOTHER HEX
}
SolarFrenzy
Solar powered gadgets at down to earth prices.
CheekyNaughty
Promoting British Design
Solar powered gadgets at down to earth prices.
CheekyNaughty
Promoting British Design
#5
Posted 05 March 2008 - 10:56 PM
You could create a new div in the CSS file specifically for the navigation bar.
#6
Posted 06 March 2008 - 05:54 AM
I think you have to create two separate .css style sheets; one for navigational bar and other for category link box. This way you can easily apply different colors to both.
Edited by Cbarbra, 06 March 2008 - 05:55 AM.
#7
Posted 16 May 2012 - 03:58 PM
If you are talking about the bar at the top which shows the path, I have changed the text colour.









