XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme stylesheets (CSS) help 
  4.  / CSS colors for left and right blocks
Register
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:

a {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.
(1) 2 »

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Donat-O-Meter

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