Help with changing Orange bar colors Options

[ricky1]

I'm trying to get my orange bars to be lightblue with white text centered inside. heres what i got so far.

http://i199.photobucket.com/albums/aa304/d...d/Untitleda.jpg

If possible i'd like to get rid of that orange bar behind the blue one.
this is the code im using

CODE

<style>
.blurbs td.text {background-color:lightblue;}
.blurbs td.text .orangetext15 {color:white;}
.blurbs td .orangetext15 {color:lightblue;}
.friendSpace .orangetext15 {background-color:lightblue; display:block; padding:2px; color:white;}</style>

[Mickey]

I couldn't find a quick solution so I just moved it up and added some more padding to cover the orange bar. I tested it and it works fine. Here:

CODE

<style>
.blurbs td.text {background-color:lightblue;}
.blurbs td.text .orangetext15 {color:white;}
.blurbs td .orangetext15 {color:lightblue;}
.friendSpace .orangetext15 {background-color:lightblue; display:block; margin-top:-14px; padding:2px; padding-top:3px; padding-bottom:3px; color:white;}
</style>

[ricky1]

ah thats perfect! thanks! you wouldnt happen to know how to resize the text size inside them too would you? :)

[Mickey]

Add this before the closing <style> tag:

CODE

.friendSpace .orangetext15 {font-family:Arial; font-size:8pt; font-weight:normal;}

Just edit the attributes to your liking.

[ricky1]

awesome! thanks alot man!

[Mickey]

No problem. Topic closed & moved.