Jump to content



Latest News: (loading..)

- - - - -

Does anyone know how to change link color


This topic has been archived. This means that you cannot reply to this topic.
6 replies to this topic

#1   jdice

jdice
  • Members
  • 105 posts

Posted 25 February 2008 - 08:08 PM

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

#2   pedgette

pedgette
  • Members
  • 79 posts

Posted 26 February 2008 - 11:36 AM

View Postjdice, 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
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.

Edited by pedgette, 26 February 2008 - 11:37 AM.


#3   jdice

jdice
  • Members
  • 105 posts

Posted 28 February 2008 - 12:04 AM

View Postpedgette, 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.
No...it just changes the arrows in the navigational bar...not the clickable links.

I also tried this...A:link {color: #ffffff;}.... but it did not work either...so I am stumped on this one.

#4   digilee

digilee
  • Members
  • 594 posts

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
}
SolarFrenzy
Solar powered gadgets at down to earth prices.

CheekyNaughty
Promoting British Design

#5   dmacus

dmacus
  • Members
  • 21 posts

Posted 05 March 2008 - 10:56 PM

You could create a new div in the CSS file specifically for the navigation bar.

#6   Cbarbra

Cbarbra
  • Banned
  • 1 posts

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   Sammin

Sammin
  • Members
  • 11 posts

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.