won't change.... Options

[ebonylaurels]

I wanted to change the color of all the normal(none bold, italic, ect.) text to grey and the text in the side modules won't change. Also, I wanted to make all the link visted and not lower case and grey instead of uppercase and black and the visted ones are still uppercase and black. I can't figure out why. Could you please help me. I'm sure it's something very simple I'm just over looking or not doing.

link:My Xanga

Custom header:

CODE

<div align=right>
<a href="http://www.xanga.com" target="_new">xnga</a> <a href=http://www.xanga.com/private target="_new">prvt</a> <a href=http://www.xanga.com/chic_decay target="_new">chicdecay</a>
<style type="text/css">
/*© chic_decay*/
body {
scrollbar-arrow-color:#F8F8FF;
scrollbar-track-color:#F8F8FF;
scrollbar-shadow-color:#F8F8FF;
scrollbar-face-color:#F8F8FF;
scrollbar-highlight-color:#F8F8FF;
scrollbar-darkshadow-color:#F8F8FF;
scrollbar-3dlight-color:#F8F8FF;
background-color:#F8F8FF;
background-image:  url(http://i7.tinypic.com/21l3nts.png);
background-repeat:no-repeat;
background-position:bottom left;
background-attachment:fixed;}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/*TEXT*/
color: #696969;
font:normal 7px small fonts;
text-transform: uppercase;
line-height:7px;
text-align:center;}

.blogbody b, .standard b, p b, strong {
/*BOLD*/
color:#FFB6C1;
font-weight:bold;
letter-spacing:0px;
line-height:7px;}

.blogbody u, .standard u,  {
/*UNDERLINE*/  
color:#FFB6C1;
text-decoration:underline;
border-bottom:2px solid #696969;
line-height:7px;}

.blogbody i, .standard i, em {
/*ITALIC*/
text-decoration:normal;
color:#FFB6C1;
background: #F8F8FF;
border-top: solid 0px #696969;
border-bottom:solid 0px #696969;
border-left: solid 0px #696969;
border-right: solid 0px #696969;
font:normal 7px small fonts;
letter-spacing:0px;
text-transform:uppercase;
text-decoration: none;
line-height: 7px;}
div.blogheader, .caption {
/*DATE*/
color:#F8F8FF;
font:normal 14pt times new roman;
text-align:right;
text-transform:lowercase;
letter-spacing:-2px;
line-height:11px;
padding-top:3px;
background-color:transparent;
border:0px solid #F8F8FF;
border-bottom:none;
width:200px;
display: none;}
  
table.blogbody {
/*BLOGBODY*/
background-color:#F8F8FF;
border:0px solid #F8F8FF;
border-top: 0x solid #F8F8FF;
width:150px;}

table.left {
/*LEFT MODULE*/
border:0px solid #F8F8FF;
background-color:#F8F8FF;
width:110px;}
table.left td {
/*BOTTOM LEFT MODULE*/
color:#000000;
text-align:left;
border:none;
background-color:#F8F8FF;}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/*LINKS*/
color:#696969;
font:normal 7px small fonts;
text-transform: lowercase;
text-decoration:none;
letter-spacing:0px;
line-height:7px;
background-color:#;}

a:visited, a.footernav:visited, {
/*VISITED*/
color:#696969;
font:normal 7px small fonts;
text-transform: lowercase;
text-decoration:none;
letter-spacing:0px;
line-height:7px;
background-color:#;}

a:hover {
/*HOVER*/
color:#FFB6C1;
background: #F8F8FF;
border-top: solid 0px #696969;
border-bottom:solid 0px #696969;
border-left: solid 0px #696969;
border-right: solid 0px #696969;
cursor: default;
font:normal 7px small fonts;
letter-spacing:0px;
text-transform:lowercase;
text-decoration: none;
line-height: 7px;}

input, select, textarea, .textfield, .button {
/*DROPDOWN*/
color:#696969;
font:normal 7px small fonts;
text-transform:uppercase;
text-decoration:none;
letter-spacing:0px;
border:0px solid #666666;
background-color:#F8F8FF;}

table.search TD, table.search, table.announcements, {
/*BORDER*/
border:0px solid #333333;
background-color:#ffffff;}

table.navigation, table.main, table.footer {
/*WIDTH*/
width:100px;}
table.left th, table.navigation, table.footer, .search, .searchbarborder, table.footer, .footer, hr, banner, hr, #rblEprops {display: none;}
</style>
<STYLE>
table.main,{
background-color:#F8F8FF;
background-image: none(url);
background-repeat:repeat;
background-position:top right;
width: 150px;
border: 0px solid #F8F8FF;
text-align: center;}
</style>

webstats:

CODE

<td id="customRight" style="display:none" vAlign="right" width="200">
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
</th></tr>
<tr><td class="left" vAlign="top">
<br>
<b>&hearts;to do&hearts;</b>
<br><br>
<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"></FONT><br><br>
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 130px; HEIGHT: 80">
<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"></FONT><BR>

</div> <br>
</td></tr>
</table>
<br/>
<!-- module:end -->
<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
</th></tr>
<tr><td class="left" vAlign="top">
<b>&hearts;qoutes&hearts</b>
<br><br>


</td></tr>
</table>
<br/>
<!-- module:end -->

</td>
<script>
extra=false;
j=document.getElementById('MoreoverModule1_lblModuleTitle')
if(j){extra=true}
index=0;
var mytds = document.getElementsByTagName('td');
var i = 0;
for(i=0;i<mytds.length-1;i++){
if(mytds[i].width=="200"){
index++;
if(index==(extra ? 2 : 1)){break;}}
}
var sidebar = (extra ? mytds[i]: mytds[i].parentNode)
var tsibpc = document.getElementById('customRight');
var rightSide = tsibpc.cloneNode(true);
rightSide.style.display = "block";
sidebar.appendChild(rightSide);
</script>

[YourSuperior]

Add this to your input header html of your look and feel:

CODE

<style type="text/css">
#moduleright{
color: #696969;
}
</style>

Then whenever you put something in your modules, before the text that you want to be grey put:

CODE

<div id="moduleright">
text here
</div>

[ebonylaurels]

That didn't change a thing.

[YourSuperior]

Or you could just do it the regular way. Whatever you want to be grey in your modules, just put this:

CODE

<font color="#696969">
Module Text Here
</font>

[*digital.fragrance*]

Add this:

CODE

<style type="text/css">
.leftmodulefontcolor, td, p, .content {
/* edits main text */
color: #696969;

}

p.nav {
/* edits the menu modules */
color: #696969;
}
</style>

That is you menus - after that works, we'll move on to the next item.

[ebonylaurels]

I tried both of those and the right modles are still black...

[YourSuperior]

For one, you closed your font tags too early. You put </font> before you even typed anything in between the tags.

CODE

<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"></FONT><br><br>
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 130px; HEIGHT: 80">
<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"></FONT><BR>
&hearts;Read<br>
&hearts;Put away clothes<br>

&hearts;Do dishes<br>
&hearts;Clean bathroom<br>
&hearts;Unplug exstention cords<br>
&hearts;Get geography book<br>
&hearts;Paint toe nails<br>
&hearts;Go see Dr.Carroll<br>
&hearts;See my ladies<br>
&hearts;feel loved<br>
</div> <br>

</td></tr>
</table>
<br/>
<!-- module:end -->

Take off the FIRST font tag, before the div scroll, and then on the second font tag, do NOT close it until the last section that you want to be grey, like this:

CODE

<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
</th></tr>
<tr><td class="left" vAlign="top">
<br>
<b>&hearts;to do&hearts;</b>
<br><br>
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 130px; HEIGHT: 80">
<FONT style="FONT-SIZE: 8pt; TEXT-TRANSFORM: none; COLOR: #696969; FONT-FAMILY: Symbol; LETTER-SPACING: -2pt"><BR>
&hearts;Read<br>
&hearts;Put away clothes<br>

&hearts;Do dishes<br>
&hearts;Clean bathroom<br>
&hearts;Unplug exstention cords<br>
&hearts;Get geography book<br>
&hearts;Paint toe nails<br>
&hearts;Go see Dr.Carroll<br>
&hearts;See my ladies<br>
&hearts;feel loved<br>
</div> <br>

</td></tr>
</table>
<br/>
</font>
<!-- module:end -->

And this goes for both your To do list and everything else in your right module.

OR

Put this before every thing that you want to be grey. Like this:

CODE

<!-- module:start -->
<table class="left" cellSpacing="0" cellPadding="4" width="100%" border="1">
<tr><th class="left" vAlign="top" align="left">
</th></tr>
<tr><td class="left" vAlign="top">
<br>
<b>&hearts;to do&hearts;</b>
<br><br>
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 130px; HEIGHT: 80">
<FONT COLOR="#696969">
&hearts;Read<br>
&hearts;Put away clothes<br>

&hearts;Do dishes<br>
&hearts;Clean bathroom<br>
&hearts;Unplug exstention cords<br>
&hearts;Get geography book<br>
&hearts;Paint toe nails<br>
&hearts;Go see Dr.Carroll<br>
&hearts;See my ladies<br>
&hearts;feel loved<br>
</div> <br>

</td></tr>
</table>
<br/>
</font>
<!-- module:end -->