Re-size Photo Module Options

[jacquenette]

Can someone explain to me how does the Xanga Photo Module script works?? I tried to edit the size of it, and it did fits in my newly created module, but I am wondering if I have overlooked some place, coz once I put the photo module script inside my module, ALL the module titles are turned into white!!!! I don't know how to overwrite the code! Can someone please help me???

If anyone is confused, go and take a look!

[*Kathleen*]

This part in your coding

CODE

<style type="text/css">

body {
  background-color: #ffffff;
  background-image:
url(http://i137.photobucket.com/albums/q212/Mas_Icons/Material/001.jpg);
  background-position: bottom right;
  background-repeat:no-repeat;
  scrollbar-arrow-color: #F9F9F9;
  scrollbar-track-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #F9F9F9;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-3dlight-color: #F9F9F9;

add this to the end:

CODE

  font-color: #000000;
  }

Then, in this part of the coding

CODE

a:visited{
  font-family: Tempus Sans ITC;
  color:#FFFFFF;
  text-transform:none;
  text-decoration:strikeout;
  font-size:9pt;
  cursor: crosshair;
  }

Change the #FFFFFF to another color, perhaps black? #000000 Whatever color you want, really. Also, you can change the color and text on the Look and Feel page itself.

[jacquenette]

I tried, but the title part is still white... is there anything I can do????

Actually I will post the photo module script here:

CODE

<table border=0 width="500"><tr><td valign="top" width="200">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">


<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module">
<tr><th valign="top" align="center" class="module">Pictures</th></tr>
<tr><td valign="top" class="module">
<style type="text/css">
#xphotomod ul{float:left;margin:-5px;background-color:#F9F9F9;border:1px solid #F9F9F9;padding:6px 4px 4px 6px;width:186px;list-style-type:none}
#xphotomod li{float:right;display:inline;margin:0px 2px 2px 0px;width:60px;height:60px}
#xphotomod li a{display:block;background-color:#ccc;border:1px solid #F9F9F9;width:58px;height:58px;overflow:hidden}
#xphotomod img{display:block;border:none;width:58px}
#xphotomod li.mainphoto{width:122px;height:122px}
#xphotomod li.mainphoto a{width:120px;height:120px;overflow:hidden}
#xphotomod li.mainphoto img{width:120px}
#xphotomod li a:hover{border:1px solid #000;filter:alpha(opacity=90);-moz-opacity:0.90}

/* For non-strict quirks mode doctypes - if you're using a strict doctype, remove below */

* html #xphotomod ul { width: 198px; }
* html #xphotomod li a { width: 60px; }
* html #xphotomod li.mainphoto a { width: 122px; }

/* quirks mode hack ends here */
</style>
<div id="xphotomod">
<script type="text/javascript" src="http://photo.xanga.com/xangaphotos.axd?t=amFjcXVlbmV0dGVAZDFlNWMwN0A5NDg0NDEw&count=12"></script>
</div>
</td></tr></table><br>

Please help me!!

[*Kathleen*]

Don't worry, I already put your coding into a Xanga and tried it out -- you need to go to your Look and Feel page and change the colors for the module on there.

[jacquenette]

umm... the title words are still in white... guess I must have mixed something up... Strange~

Anyway, thanks a lot for your help!