changing the text color inside left module?? Options

[lalapaloser]

I have a black background on my xanga, and now I can't see the text like "name:, metro: " and all of that stuff in my left module. is there any way to change it so it's a different color?

here're the codes I have in my custom header. helpp!

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* Pretty Pink Please StyleSheet */<br />/* by Moni (xanga.com/advillavigne) */<br />/*http://blogring*/<br /><br />body {<br />  background-color: #000000;<br />  scrollbar-arrow-color: #7FFF00;<br />  scrollbar-track-color: #000000;<br />  scrollbar-shadow-color: #ffffff;<br />  scrollbar-face-color: #ffffff;<br />  scrollbar-highlight-color: #7FFF00;<br />  scrollbar-darkshadow-color: #000000;<br />  scrollbar-3dlight-color: #000000; <br />  cursor:crosshair<br />   }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 10px tahoma;<br />  line-height:10px;<br />  color:#7FFF00;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br /><br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url(http://url.com/to/the/site/image.gif);<br />  background-color: #000000;<br />  font: bold 15px arial black;<br />  text-transform: lowercase;<br />  color: #ffffff;<br />  border: #7FFF00;<br />  }<br /><br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />  text-align: center;<br />  }<br /><br />div.blogheader, .caption {<br />/* edits the dates */<br />  font-family: arial black;<br />  text-transform: lowercase;<br />  font-size:30px;<br />  line-height:20px;<br />  font-weight:bold;<br />  color:#ffffff;<br />  letter-spacing:0px;<br />  background-color: #000000;<br />  text-align: left;<br />  }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color: #7FFF00;<br />  font:normal 11px tahoma;line-height:10px;<br />  text-decoration: none;<br />  }<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color:#7FFF00; <br />  font:normal 11px tahoma;<br />  line-height:10px;<br />  text-decoration: none;<br />  }<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />  color:#7FFF00;<br />  font:normal 10px arial;<br />  line-height:10px;<br />  cursor: ne-resize;<br />  filter: fliph; height: 0px<br />  }<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 1px solid #7FFF00;<br />  font:normal 10px arial;<br />  background-color: #000000;<br />  letter-spacing:0px;<br />  color: #7FFF00<br />  }<br /><br />table.left { <br />/* this edits the menu module */<br />  border: 3px double #7FFF00;<br />  width:160px;<br />   background-color: #000000;<br />  }<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border: 3px double #7FFF00;<br />  background-color: #000000;<br />  width:400px;<br />  }<br /><br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: url(http://url.com/to/the/site/image.gif);<br />  background-color: #000000;<br />  border: #ffffff;<br />  }<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: #000000; <br />  border: 3px double #7FFF00;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 3px double #7FFF00;<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 500px;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 3px double #7FFF00;<br />  }<br /></style><br /><br /><style type="text/css"><br />a:hover{border:3px double limegreen}<br /></style><br /><br /><br clear="all"><br /><img src="http://www.toxin.org/cgi-bin/count_hugs.cgi?hug=Bonnie" height="40" width="240" title="HUGS"><br /><br clear="all"><br />*HUGS* TOTAL!<br /><a href="http://www.toxin.org/cgi-bin/hugs.cgi?&HUGS=yes&hug=Bonnie">give Caitlin more *HUGS*</a><br /><br><small><a href="http://www.toxin.org/cgi-bin/gethugs.cgi">Get hugs of your own</a></small><br clear="all"><br /><br /><style type="text/css"><br />a:link,a:visited{color:limegreen}<br />a:active{color:limegreen}<br /></style><br /><br /><!-- Cursors provided by [url=http://www.xanga.com/xquizit_442]http://www.xanga.com/xquizit_442[/url] --><br /><style>body, a:hover{cursor: url(http://xquizit.cbstaff.com/cursors/cursor_white.cur);}</style><div align="center">Cursors by <a href="http://xanga.com/xquizit_442">Xquizit_442</a></div><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*<br />Did You Know? Remover - xanga.com/add_ons<br />*/<br />Table.Announcements TD {display: none;};<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color: black;}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color: #7FFF00;<br /> }<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />#profName{color:#000000}<br />#profCountry{color:#000000}<br />#profBirthday{color:#000000}<br />#profGender{color:#000000}<br />#profInterests{color:#000000}<br />#profExpertise{color:#000000}<br />#profOccupation{color:#000000}<br />#profIndustry{color:#000000}<br />#profEmail{color:#000000}<br />#profMember{color:#000000}<br /></style><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><table border="1" cellspacing="0" cellpadding="10" width="100%" class="header"><br /><tr><br /><td colspan=30 align="left"><br /><font face=tahoma><font size=7>That's all it takes to buy a gun</font></font><br /></marquee><br /></td><br /></tr><br /></table><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><script language="JavaScript"><br />var message="So warm and clear, I'm restless to escape.";<br />function click(e) {<br />if (document.all) {<br />if (event.button==2||event.button==3) {<br />alert(message);<br />return false;<br />}<br />}<br />if (document.layers) {<br />if (e.which == 3) {<br />alert(message);<br />return false;<br />}<br />}<br />}<br />if (document.layers) {<br />document.captureEvents(Event.MOUSEDOWN);<br />}<br />document.onmousedown=click;<br />// --><br /></SCRIPT> <br /><!-- end code provided by createblog.com --><br /><br /><style type="text/css"><br />table.header { width: 100%; background-color: black; border: 3px double #7FFF00; }<br /></style><br /><!-- end code provided by createblog.com -->

This post has been edited by Spiritedfreak: Feb 20 2005, 03:41 PM

[punkrawkloozr]

ok...i dont know if this is wut you mean...but:

*go into your 'Look and Feel'
*scroll down to the 6th section labeled: 'Left Side Modules'
*change the 'interior' color by clicking on 'see colors' (in that row) to find a different color than black
*if you want to keep the background of that module black...then change the module text by clicking on the 'see colors' (in that row) and changing that color to a different one than black

i hope this is wut you were looking for...if not then im sry i wasnt any help

[jennyjenny]

I don't think you need a code.

In your look&feel section, you just have to edit that... it's in the left side module section...

[offdachain]

I have a black background on my xanga, and now I can't see the text like "name:, metro: " and all of that stuff in my left module. is there any way to change it so it's a different color?

here're the codes I have in my custom header. helpp!

<style type="text/css">
/* Pretty Pink Please StyleSheet */
/* by Moni (xanga.com/advillavigne) */
/*http://blogring*/

body {
  background-color: #000000;
  scrollbar-arrow-color: #7FFF00;
  scrollbar-track-color: #000000;
  scrollbar-shadow-color: #ffffff;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #7FFF00;
  scrollbar-darkshadow-color: #000000;
  scrollbar-3dlight-color: #000000;
  cursor:crosshair
  }

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
  font:normal 10px tahoma;
  line-height:10px;
  color:#7FFF00;
  letter-spacing:0px;
  text-align:justify;
  }
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
  background-image: url(http://url.com/to/the/site/image.gif);
  background-color: #000000;
  font: bold 15px arial black;
  text-transform: lowercase;
  color: #ffffff;
  border: #7FFF00;
  }

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
  text-align: center;
  }

div.blogheader, .caption {
/* edits the dates */
  font-family: arial black;
  text-transform: lowercase;
  font-size:30px;
  line-height:20px;
  font-weight:bold;
  color:#ffffff;
  letter-spacing:0px;
  background-color: #000000;
  text-align: left;
  }

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
  color: #7FFF00;
  font:normal 11px tahoma;line-height:10px;
  text-decoration: none;
  }

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
  color:#7FFF00;
  font:normal 11px tahoma;
  line-height:10px;
  text-decoration: none;
  }

a:hover {
/* edits when user mouseovers the links */
  color:#7FFF00;
  font:normal 10px arial;
  line-height:10px;
  cursor: ne-resize;
  filter: fliph; height: 0px
  }

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
  border: 1px solid #7FFF00;
  font:normal 10px arial;
  background-color: #000000;
  letter-spacing:0px;
  color: #7FFF00
  }

table.left {
/* this edits the menu module */
  border: 3px double #7FFF00;
  width:160px;
  background-color: #000000;
  }

table.blogbody {
/* this edits the other the place where the  blog is */
  border: 3px double #7FFF00;
  background-color: #000000;
  width:400px;
  }

table.left TD {
/* on your menu module, this edits the body part of it */
  background-image: url(http://url.com/to/the/site/image.gif);
  background-color: #000000;
  border: #ffffff;
  }

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
  background-color: #000000;
  border: 3px double #7FFF00;
  }
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
  border: 3px double #7FFF00;
  }
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 500px;
  }
hr {
/* horizontal divider */
  border: 3px double #7FFF00;
  }
</style>

<style type="text/css">
a:hover{border:3px double limegreen}
</style>

<br clear="all">
<img src="http://www.toxin.org/cgi-bin/count_hugs.cgi?hug=Bonnie" height="40" width="240" title="HUGS">
<br clear="all">
*HUGS* TOTAL!
<a href="http://www.toxin.org/cgi-bin/hugs.cgi?&HUGS=yes&hug=Bonnie">give Caitlin more *HUGS*</a>
<br><small><a href="http://www.toxin.org/cgi-bin/gethugs.cgi">Get hugs of your own</a></small><br clear="all">

<style type="text/css">
a:link,a:visited{color:limegreen}
a:active{color:limegreen}
</style>

<!-- Cursors provided by http://www.xanga.com/xquizit_442 -->
<style>body, a:hover{cursor: url(http://xquizit.cbstaff.com/cursors/cursor_white.cur);}</style><div align="center">Cursors by <a href="http://xanga.com/xquizit_442">Xquizit_442</a></div>

<!-- begin code provided by createblog.com -->
<style type="text/css">
/*
Did You Know? Remover - xanga.com/add_ons
*/
Table.Announcements TD {display: none;};
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
.blogbody i, .standard i, p i, em {
font-weight: italic;
color: black;}
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #7FFF00;
}
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type="text/css">
#profName{color:#000000}
#profCountry{color:#000000}
#profBirthday{color:#000000}
#profGender{color:#000000}
#profInterests{color:#000000}
#profExpertise{color:#000000}
#profOccupation{color:#000000}
#profIndustry{color:#000000}
#profEmail{color:#000000}
#profMember{color:#000000}
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->

<table border="1" cellspacing="0" cellpadding="10" width="100%" class="header">
<tr>
<td colspan=30 align="left">
<font face=tahoma><font size=7>That's all it takes to buy a gun</font></font>
</marquee>
</td>
</tr>
</table>

<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<script language="JavaScript">
var message="So warm and clear, I'm restless to escape.";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</SCRIPT>
<!-- end code provided by createblog.com -->

<style type="text/css">
table.header { width: 100%; background-color: black; border: 3px double #7FFF00; }
</style>

What u do is go to ur Look & Feel page.. Scroll down to where u have all ur Modules and shit.. then if ur Module Text is in color BLACK, change it to WHITE. Aye it happened to me be4 i know exactly what ya mean. i didnt ask for help cus i searched first to see if there was a way to change the text color like name, b-day.. etc.. my bg on my modules are all black.

[lilphoenix]

In this part...

<!-- begin code provided by createblog.com --><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url(http://url.com/to/the/site/image.gif);<br />  background-color: #000000;<br />  font: bold 15px arial black;<br />  text-transform: lowercase;<br />  color: #ffffff;<br />  border: #7FFF00;<br />  }<br /><!-- end code provided by createblog.com -->

Fix

<!-- begin code provided by createblog.com --><br />font: bold 15px arial black;<br /><!-- end code provided by createblog.com -->

to

<!-- begin code provided by createblog.com --><br />font: bold 15px arial COLOR HERE;<br /><!-- end code provided by createblog.com -->

[lalapaloser]

I did what you said to do and change the font from arial black to arial + the color I want, but the font's name is Arial Black. anyway, I changed it to just arial and it still didn't change the color of my module text.

My Xanga, please help!!