hi i tried to change the font color but not working..how to change the font color to white so it becomes visible...
yes i did edited style.css to change color..but not working??
im attaching thumbnail..for the selected area...as far as i know..its details.html file..
this is my whole details.html file..
{header}
<div class="bar">
<h3>
{if has_rss}
<a href="{rss_url}"><img src="{template_url}/images/rss.gif" border="0" alt="{rss_title}" /></a>
{endif has_rss}
</h3>
<ul>
<li><a id="home" href="{url_home}" title="{site_name}">Home</a></li>
<li><a class="common" href="{url_top_images}">{lang_top_images}</a></li>
<li><a class="common" href="{url_new_images}">{lang_new_images}</a></li>
<li><a class="common" href="search.php">Advanced Search</a></li>
<li><a class="common" href="memberlist.php">Member List</a></li>
<li><a class="common" href="{url_sitemap}">{lang_sitemap}</a></li>
<li><a class="common" href="contact.php">Contact</a></li>
</ul>
</div>
<div class="nav">
<p>{clickstream}</p>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="221" valign="top" class="padding">
<h2 class="boxcaption">Search Gallery</h2>
<div class="box">
<form method="post" action="{url_search}">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="search_keywords" size="24" class="search" /></td>
<td><input type="submit" value="" name="submit" class="go" /></td>
</tr>
</table>
<br />
<a href="{url_search}" class="smalltext">{lang_advanced_search}</a>
</form>
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<br />
<h2 class="boxcaption">{lang_registered_user}</h2>
<div class="box">
{user_box}
{cp_link}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<br />
<!-- Left column advertisement start // -->
<h2 class="boxcaption">Friends</h2>
<div class="box">
<ul>
<li><a href="http://www.osdesigner.net/category/wordpress-themes/" rel="nofollow" target="_blank">Free WordPress Themes</a></li>
<li><a href="http://www.photologgia.com" rel="nofollow" target="_blank">Photo Loggia</a></li>
<li><a href="http://www.w3tool.com" rel="nofollow" target="_blank">Webmaster Tools</a></li>
<li><a href="http://www.bestcssgallery.com" rel="nofollow" target="_blank">CSS Gallery</a></li>
<li><a href="http://www.google.com" target="_blank">Google</a></li>
<li><a href="http://www.paiddirectorylist.com" rel="nofollow" target="_blank">Web Directory List</a></li>
<li><a href="http://www.webmasterdesk.org" rel="nofollow" target="_blank">Webmaster Forum</a></li>
</ul>
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<!-- Left column advertisement end // -->
<br />
{if random_image}
<h2 class="boxcaption">{lang_random_image}</h2>
<div class="box">
{random_image}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
{endif random_image}
</td>
<td width="100%" valign="top">
<div class="caption"><h3 style="color:#FFFFFF">{if admin_links}{admin_links}{endif admin_links}</h3><p>{image_name}{if image_is_new}<span class="new">{lang_new}</span>{endif image_is_new}</p></div>
<div class="contentbox">
<div align="center">{image}</div>
{if msg}<br />{msg}{endif msg}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<br />
<table width="100%" border="0" cellspacing="0" cellpadding="3">
<tr valign="top">
<td class="row2">{if prev_image_name}{lang_prev_image} <b><a href="{prev_image_url}">{prev_image_name}</a></b>
<!-- <br /><br /><a href="{prev_image_url}"><img src="{prev_thumb_file}" border="1"></a> -->
{endif prev_image_name}</td>
<td align="right" class="row2">{if next_image_name}{lang_next_image} <b><a href="{next_image_url}">{next_image_name}</a></b>
<!-- <br /><br /><a href="{next_image_url}"><img src="{next_thumb_file}" border="1"></a> -->
{endif next_image_name}</td>
</tr>
</table>
<br />
<div class="caption"><h3></h3><p>File links</p></div>
<div class="contentbox">
{lightbox_button} {postcard_button} {download_button} {download_zip_button}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<br />
<div class="caption"><h3></h3><p>Advertisement</p></div>
<div class="contentbox">
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text";
//2007-08-23: Gallery
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "4c90ca";
google_color_text = "303030";
google_color_url = "303030";
google_ui_features = "rc:0";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
<br />
<div class="caption"><h3></h3><p>File - {image_name} Information</p></div>
<div class="contentbox">
<table width="100%" border="0" cellpadding="3" cellspacing="0">
<tr>
<td valign="top" class="row1" width="200"><b>{lang_description}</b></td>
<td valign="top" class="row1">{image_description}</td>
</tr>
<tr>
<td valign="top" class="row2"><b>{lang_keywords}</b></td>
<td valign="top" class="row2">{image_keywords}</td>
</tr>
<tr>
<td valign="top" class="row1"><b>{lang_date}</b></td>
<td valign="top" class="row1">{image_date}</td>
</tr>
<tr>
<td valign="top" class="row2"><b>{lang_hits}</b></td>
<td valign="top" class="row2">{image_hits}</td>
</tr>
<tr>
<td valign="top" class="row1"><b>{lang_downloads}</b></td>
<td valign="top" class="row1">{image_downloads}</td>
</tr>
<tr>
<td valign="top" class="row2"><b>{lang_rating}</b></td>
<td valign="top" class="row2">{image_rating} ({image_votes}
{lang_votes})</td>
</tr>
<tr>
<td valign="top" class="row1"><b>{lang_file_size}</b></td>
<td valign="top" class="row1">{image_file_size}</td>
</tr>
<tr>
<td valign="top" class="row2"><b>{lang_added_by}</b></td>
<td valign="top" class="row2">{user_name_link}</td>
</tr>
{if rate_form}
<tr>
<td class="row1"><b>Rate File</b></td>
<td class="row1">{rate_form}</td>
</tr>
{endif rate_form}
</table>
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
{if iptc_info}
<br />
<div class="caption"><h3></h3><p>IPTC Information</p></div>
<div class="contentbox">
{iptc_info}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
{endif iptc_info}
{if exif_info}
<br />
<div class="caption"><h3></h3><p>EXIF Information</p></div>
<div class="contentbox">
{exif_info}
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
{endif exif_info}
{if allow_comments}
<br />
<div class="caption"><h3></h3><p>File Comments</p></div>
<div class="contentbox">
<a name="comments"></a>
<table width="100%" border="0" cellpadding="3" cellspacing="1">
<tr>
<td valign="top"><strong>{lang_author}</strong></td>
<td valign="top"><strong>{lang_comment}</strong></td>
</tr>
{comments}
</table>
</div>
<div class="contentbottom"><span><img src="{template_url}/images/contentbottom.right.gif" alt="" /></span><p><img src="{template_url}/images/contentbottom.left.gif" alt="" /></p></div>
{comment_form}
{endif allow_comments}
</td>
</tr>
</table>
{footer}
also
this is my css file..
Looking forward for support..Reply please..
body {
margin: 0px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
img {
border: 0px;
}
a {
color: #000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #990000;
}
h1, h2, h3, h4 {
margin: 0;
font-size: 11px;
}
#container {
width: 98%;
margin: 0 auto 0 auto;
}
.header {
margin: 10px 0 0 0;
width: 100%;
}
.header h1 {
margin: 0 0 0 9px;
}
.header p {
float: right;
margin: 0;
}
/* Cusit Banner Start*/
.banner {
background: url('png/left2.png') no-repeat top left ,
url('png/center.png') no-repeat center ,
url('png/bg2.png') repeat-x center;
height: 260px;
float:center;
margin: 5px 30px 30px 30px;
}
.banner h3 {
background: url('png/right2.png') no-repeat right;
float:right;
margin: 11px 0px 0px 0px;
width: 330px;
height: 260px;
}
/* Cusit Banner End*/
.bar {
background: url('bar.bg.gif');
height: 37px;
margin: 10px 0 10px 0;
}
.bar h3 {
background: url('bar.end.gif') no-repeat right;
float: right;
margin: 0px;
width: 30px;
height: 27px;
padding: 10px 0 0 0;
}
.bar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.bar li {
padding:0;
margin: 0;
height: 37px;
display: inline;
float:left;
list-style-type: none;
}
.bar li a {
color: #FFFFFF;
text-decoration: none;
}
.bar li a:hover {
color: #D9D9D9;
text-decoration: none;
}
#home {
padding: 0px;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
}
a#home {
overflow:hidden;
display:block;
width:70px;
height:27px;
padding: 10px 0 0 10px;
background:url('bar.start.gif') no-repeat;
}
a#home:hover {
background:url('bar.start.gif') no-repeat 0px -37px;
}
.common {
padding: 0px;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: normal;
}
a.common {
overflow:hidden;
display:block;
height:27px;
padding: 10px 10px 0 10px;
float: left;
}
a.common:hover {
background:url('bar.bg.gif') no-repeat center -37px;
}
.thumb {
border: 1px solid #e8e8e8;
background: #ffffff;
height: 142px;
}
/* customized thumb start */
.cthumb {
border: 1px solid #e8e8e8;
background: #ffffff;
height: 18px;
}
.ctrthumb {
padding: 10px 10px 0 10px;
height:15px;
}
.mthumb {
border: 1px solid #e8e8e8;
background: #ffffff;
width: 220px;
}
.nthumb {
background: #ffffff;
height:142px;
}
/*customized thumb end */
.thumb2 {
border: 1px solid #990000;
background: #ffffff;
height: 142px;
}
.row1 {
background: #FFFFFF;
}
.row2 {
background: #FFFFFF;
}
.info {
border: 1px solid #cde0f0;
background: #EBEBEB;
padding: 6px 6px 6px 14px;
margin: 10px 0 0 0;
}
.info p {
margin: 0 0 3px 0;
}
.user {
background: url('profile.gif') no-repeat;
padding: 0 0 0 22px;
height: 16px;
}
.comment {
background: url('comment.gif') no-repeat;
padding: 0 0 0 22px;
height: 16px;
}
.category {
background: url('cat.folder.gif') no-repeat;
padding: 0 0 0 22px;
height: 43px;
width:180px;
}
.search {
border: 1px solid #696969; font-size: 11px; background: none; color: #000000; height: 15px; width: 100px;
}
.button {
margin: 0 4px 0 0;
border: 0px;
background: url('buttons.gif') no-repeat;
width: 71px;
height: 20px;
color: #303030;
font-size: 11px;
}
.go {
margin: 0 0 0 4px;
border: 0px;
background: url('go.gif') no-repeat;
width: 25px;
height: 20px;
color: #303030;
font-size: 11px;
}
.box {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
padding: 8px;
width: 170px;
font-size: 11px;
}
.box a {
color: #000000; text-decoration: none;
}
.box a:hover {
text-decoration: underline;
}
.box ul {
margin: 0;
padding: 0;
}
.box li {
list-style-type: none;
margin: 0 0 0 3px;
padding: 0 0 4px 20px;
background: url('blt.gif') no-repeat;
}
.box p {
margin: 0 0 0 3px;
padding: 0 0 4px 20px;
background: url('blt.gif') no-repeat;
text-align: left;
}
.boxcaption {
background: url('box.caption.gif') no-repeat;
padding: 6px 0 0 10px;
height: 20px;
width: 178px;
color: #FFFFFF;
}
.boxbottom {
background: url('box.bottom.gif') no-repeat;
width: 217px;
height: 4px;
margin: 0px;
}
.pagingstats2 {
}
.pagingstats2 p {
margin: 6px 0 10px 0;
font-weight: normal;
padding: 0;
}
.pagination {
padding: 1px;
font-size: 11px;
font-weight: bold;
float: center;
}
.pagination ul {
font-size: 11px;
margin: 10px 0 10px 0;
padding: 0px;
text-align: left;
}
.pagination li {
display: inline;
list-style-type: none;
padding-bottom: 1px;
}
.pagination a {
color: #990000;
border: #e8e8e8 1px solid;
padding: 1px;
margin: 0 0 0 3px;
text-decoration: none;
}
.pagination a:hover {
border: #990000 1px solid;
color: #000000;
text-decoration: none;
}
.pagingon {
color: #000000;
border: #e8e8e8 1px solid;
padding: 1px;
margin: 0 5px 0 0;
text-decoration: none;
}
.padding {
padding: 0 10px 0 0;
}
.padding2 {
padding: 0 0 0 10px;
}
.caption {
background: url('caption.bg.gif') repeat-x bottom;
height: 26px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
margin: 0;
}
.caption p {
background: url('caption.left.gif') no-repeat left;
padding: 6px 0 0 10px;
height: 20px;
color: #FFFFFF;
margin: 0;
}
.caption a {
color: #303030; text-decoration: none;
}
.caption a:hover {
text-decoration: underline;
}
.caption h3 {
background: url('caption.right.gif') no-repeat right;
float: right;
margin: 0px;
font-size: 10px;
height: 20px;
padding: 6px 6px 0 0;
color: #FFFFFF;
}
.caption h2 {
background: url('caption.right.gif') no-repeat right;
float: right;
margin: 0px;
font-size: 10px;
height: 20px;
padding: 0;
}
/*custom caption*/
.ccaption {
background: url('caption.bg.gif') repeat-x bottom;
height: 26px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
margin: 0;
}
.ccaption p {
background: url('caption.left.gif') no-repeat left;
padding: 6px 0 0 10px;
height: 20px;
color: #FFFFFF;
margin: 0;
}
.ccaption a {
color: #303030; text-decoration: none;
}
.ccaption a:hover {
text-decoration: underline;
}
.ccaption h3 {
background: url('caption.right.gif') no-repeat right;
float: right;
margin: 0px;
font-size: 10px;
height: 20px;
padding: 6px 6px 0 0;
}
.ccaption h2 {
background: url('caption.right.gif') no-repeat right;
float: right;
margin: 0px;
font-size: 10px;
height: 20px;
padding: 0;
}
#ccaption {
overflow:hidden;
display:block;
background: url('caption.left.gif') no-repeat;
padding: 6px 0 0 10px;
height: 20px;
color: #FFFFFF;
margin: 0;
font-size: 11px;
font-weight: bold;
}
/* end custom caption*/
.contentbox {
border-left: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
padding: 8px;
font-size: 11px;
}
.contentbox a {
color: #303030; text-decoration: none; font-size: 11px;
}
.contentbox a:hover {
text-decoration: underline;
}
.contenttext {
margin: 0px;
padding: 2px 0 3px 0;
}
.contentbottom {
background: url('contentbottom.bg.gif') repeat-x bottom;
height: 7px;
margin: 0;
}
.contentbottom p {
margin: 0;
}
.contentbottom span {
float: right;
}
.content {
margin: 0 16px 0 10px;
}
.content ul {
margin: 0;
padding: 0;
}
.content li {
list-style-type: none;
margin: 0 0 0 3px;
background: url('blt.gif') no-repeat;
padding: 0 0 4px 20px;
}
.text {
border: 1px solid #303030;
background: #ffffff;
height: 15px;
font-size: 11px;
width: 360px;
color: #000000;
}
.categoryselect {
background: #ffffff;
font-size: 11px;
color: #000000;
}
.select {
background: #ffffff;
font-size: 11px;
color: #000000;
}
.setperpageselect{
background: #ffffff;
font-size: 11px;
color: #000000;
}
.textarea {
border: 1px solid #303030;
font-size: 12px;
width: 360px;
color: #000000;
}
.textpy {
border: 1px solid #303030;
height: 15px;
background: #ffffff;
font-size: 11px;
width: 80px;
color: #000000;
}
.captcha {
border: 1px solid #303030;
background: url('loader.gif') no-repeat center;
}
#copyright {
text-align: left;
white-space: nowrap;
}
#copyright br {
display: none;
}
.fbox {
border: 1px solid #990000;
padding: 10px;
background: #f9fcf5;
margin: 5px 5px 10px 5px;
}
.lbox {
margin: 0 5px 25px 5px;
}
.footer {
background: url('footer.bg.gif') repeat-x top;
color: #FFFFFF;
height: 37px;
margin: 0 0 15px 0;
}
.footer p {
margin: 0;
padding: 11px 0 0 10px;
background: url('footer.left.gif') no-repeat;
height: 26px;
}
.footer h3 {
background: url('footer.right.gif') no-repeat right;
height: 26px;
float: right;
margin: 0px;
padding: 11px 10px 0 0;
font-weight: normal;
}
.footer a {
color: #FFFFFF; text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.pagingstats {
color: #000000;
font-size: 11px;
margin: 0 0 10px 0;
padding: 0;
}
.pagingstats p {
margin: 0;
padding: 2px 0 0 0;
}
.pagingstats h3 {
float: right;
font-weight: bold;
margin: 0;
font-size: 11px;
}
.pagingstats a {
font-size: 11px; color: #990000; text-decoration: none;
}
.pagingstats a:hover {
text-decoration: underline;
}
.colorborder {
border: 1px solid #000000;
margin: 0 4px 0 4px;
}
.nav {
color: #000000;
font-size: 11px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
.nav p {
margin: 0;
padding: 2px 0 0 0;
}
.nav h3 {
float: right;
margin: 0;
font-size: 11px;
}
.nav a {
font-size: 11px; color: #990000; text-decoration: none;
}
.nav a:hover {
text-decoration: underline;
}
form {
Margin: 0;
}
.new {
font-size: 9px;
padding: 0 0 0 4px;
color: #FF0000;
}
.small, .small a {
padding: 0px;
margin: 0px;
color: #000000;
font-weight: normal;
font-size: 7pt;
text-decoration: none;
}
.os {
color: #FF9500;
font-weight: bold;
}
.os a {
color: #FF9500; font-size: 11px; text-decoration: none;
}
.os a:hover {
text-decoration: underline;
}
.design {
color: #FFEE00;
font-weight: bold;
}
.design a {
color: #FFEE00; font-size: 11px; text-decoration: none;
}
.design a:hover {
text-decoration: underline;
}
<!-- smilie mod{ }
.smilie {
background-color: transparent;
background-repeat: no-repeat;
border: none; cursor:hand;
}