interests Options

[Smarmosaur]

ok, I know there's gotta be a way to change the column colors for the interests table.
i want the right column (the titles) one color, and the left (the inner text) a different color. any tips?

and if it helps...
http://www.myspace.com/rockitxtester

code so far:

CODE

<style>
div td {background-color: transparent;}
tr, td{border:0px!important;}
.friendspace, .friendscomments table tr td br, .latestblogentry, .extendednetwork, .interestsanddetails td.text, .userprofiledetail td.text, .userprofilecompany td.text, .userprofileschool td.text, .orangetext15, .friendscomments td.text td b, .friendscomments td.text td a, .blacktext10, .imgonlinenow, .userprofileurl, .contacttable, .commentlinks {display:none;}
.clearfix {background:none!important;}
.clearfix font, .clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select {display:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
table table {border:20px solid; border-color:2e2624;}
table table table, div table {border:0px;}
table img {width:0px;}
table table img {width:auto;}
td {width:auto !important;}
table table, table table table table {margin-right:0px; margin-left:0px}
table table table {margin-left:10px; margin-right:10px;}
tr {background-color:transparent;}
.FriendsComments td.text td b a,.FriendsComments td.text td td a {display:inline;}
.FriendsComments td.text td b {visibility:hidden;}
.FriendsComments td.text td b a,.FriendsComments td.text td td b {visibility:visible;}
.FriendsComments td.text td b a {display:none;}
.FriendsComments td.text td td b a {display:inline;}
.friendscomments table img, .friendscomments table tr td br {display: none; width: 0px;}
.profileInfo td td {visibility:hidden;}
.profileInfo td td.text, .profileinfo td.text a img, .profileingo td.text div img {visibility:visible;}
.friendsComments td table, .friendsComments td.text table, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}
a.text, table div font a, table div div {visibility:hidden;}
td td embed, td td object{margin-top:-35px; margin-left:-4px;}
.interestsanddetails{margin-top:-10px; margin-left:-1px; margin-right:2px;}

table.friendsComments table table tr td
{background-color:2e2624; padding:5px;}
table.friendscomments tr td table tr td table, .columnsWidening, table.friendscomments tr td table table
{background-color:7a7463 !important;display:block;}
table table table table table {direction:rtl;}
table table table table table td {direction:ltr;}

body{
background-image:url(http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/Backgrounds/dragonrepeat.png);
background-position:top left;
background-repeat:repeat;
background-scroll:fixed;}

.text{
font-family:tahoma;}

.nametext {
text-align:center;
display:block;
font-family:tahoma;
font-size:13px;
font-weight:none;
line-height:14px;
color:7a7463;
text-decoration:none;
margin-bottom:6px;
background-color:2e2624;}
</style>


<hr width="100%" />

[nikx618]

try this

CODE

<style type="text/css">
td.col1 {
background-color:;
}
td.col2 {
background-color:;
}
</style>

i know this works, but im not sure if this is the look you were going for

CODE

<style>
table.interestsAndDetails td,
table.interestsAndDetails table {background-color:transparent !important;}
table.interestsAndDetails td {border:none !important;}
table.interestsAndDetails {background-color:color here;}
</style>