1
lavaburst
CSS colors for left and right blocks
  • 2004/10/22 22:08

  • lavaburst

  • Just popping in

  • Posts: 77

  • Since: 2004/6/13


Hi, I am hoping someone can help me with some link coloring.

In the top of the CSS file there is this setting:

{color#999999; text-decoration: none; font-weight: bold; background-color: transparent;}
a:hover {color#6699ff;}


I would like to color the A links to black in the left and right blocks.

Here is what the leftcolmn looks like now:

td#leftcolumn {width: 160px; border-right: 1px solid #cccccc; font-size:8px;}
td#leftcolumn th {background-color: #000000; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {font-size:x-small; padding: 0px; background-color: #000000; color: #ffffff; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}


How can i add some CSS to make all the A links inside blockContent to be #000000 instead of the gloabl default which is #999999 ??


Please help :)

Cheers,

LavaBurst

2
ackbarr
Re:CSS colors for left and right blocks

you can use a CSS descendant selector
td#leftcolumn div.blockContent a{color:#000}


This says:

select any <a> tag that is inside a <div> with a class of "blockContent" that is inside a <td> with an id of "leftColumn" and set its text color to #000

3
lavaburst
Re:CSS colors for left and right blocks
  • 2004/10/22 22:38

  • lavaburst

  • Just popping in

  • Posts: 77

  • Since: 2004/6/13


Well, that means editing alot of blocks templates...

I was hoping there was a global way to set that in the style.css file


is it not possible to set A links different just for the left and right blocks?

Thx,

LavaBurst

4
ackbarr
Re:CSS colors for left and right blocks

did you try that css? cause it will change the color for every a link in every block in the left sidebar. To do the right, repeat this line changing td#leftcolumn to td#rightcolumn

5
lavaburst
Re:CSS colors for left and right blocks
  • 2004/10/22 22:46

  • lavaburst

  • Just popping in

  • Posts: 77

  • Since: 2004/6/13


didnt see that code at first. I tried it and it still didnt work :(

td#leftcolumn {color: #000000; width: 160px; border-right: 1px solid #cccccc; font-size:8px;}
td#leftcolumn th {background-color: #000000; color: #FFFFFF; vertical-align: middle;}
td#leftcolumn div.blockTitle {font-size:x-small; padding: 0px; background-color: #000000; color: #ffffff; font-weight: bold;}
td#leftcolumn div.blockContent {padding: 3px; line-height: 120%; line-height: 120%;}
td#leftcolumn div.blockContent a{color:#000}


(same for rightcolumn)


looks good tho, looks right, but still not working :(


Cheers,

LavaBurst

6
ackbarr
Re:CSS colors for left and right blocks

could the stylesheet be cached? Can you send me a link and I'll take a look at it using DOM inspector?

7
lavaburst
Re:CSS colors for left and right blocks
  • 2004/10/22 23:20

  • lavaburst

  • Just popping in

  • Posts: 77

  • Since: 2004/6/13


Sure!

I sent the link in PM

I know its not cached, since i can make other changes, and they appear immediately.


Cheers,

LavaBurst

8
ackbarr
Re:CSS colors for left and right blocks

I sent you a pm with a modified style rule that should work.

The theme you were using did not have a <td> with an id of leftcolumn (or rightcolumn) and it used <span> instead of <div> for its blockContent so this modified rule should work for you:
span.blockContent a{color:#000}

9
lavaburst
Re:CSS colors for left and right blocks
  • 2004/10/23 0:05

  • lavaburst

  • Just popping in

  • Posts: 77

  • Since: 2004/6/13


Thank You ackbarr!

That did the trick, now its looking fabulous.

I really need to start using FireFox, im really sick and tired of Internet Exploder.
I did at least get it installed!

is DOM inspector in the menus?


Thanks!

10
dmxadev
Re:CSS colors for left and right blocks
  • 2004/10/24 21:16

  • dmxadev

  • Just popping in

  • Posts: 5

  • Since: 2004/10/24


For new people trying to figure this out:
It took me about 2 days to realize that the changes made in the CSS file were not displaying in Netscape because it was for a different browser (M$IE). The NN.css is for Mozilla, MAC.css for Mac, and plain old style.css for M$IE. So, when you are making changes that seem fruitless, make sure you are using the right browser before banging your head too hard.

Login

Who's Online

216 user(s) are online (111 user(s) are browsing Support Forums)


Members: 0


Guests: 216


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Mar 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits