Hi guys,
I am in need of your help.
I installed RSTGP to my site directory but since I am new to CSS I encountered a situation that I cannot seem to solve.
The default TGP page layout has a header section (approx 305 px high) with an image background.
The rest of the page has a backgroundcolor.
I want an image to be the background of the entire website.
Here's the problem: when I alter the image source in the CSS file, only the header background changes.
Here's the CSS file:
QUOTE
/*NOTE : settings followed with 'rstgp auto set' are fixed through the rstgp admin. if you edit these, it will stop working from the admin. */
/* General Site Structure */
body {
margin: 0; padding: 0;
text-align: center;
background:url('http://www.my-website-url.com/image.jpg') repeat-x; background-position:fixed;
font: 12px Verdana; color: #000;}
/* Headers - Title & Description */
.header {color:#fff;height:80px;text-align:center;}
.header h1 {font-size:35px;}
.header h2 {font-size:20px;}
h1,h2,h3 {margin:0;padding:0;}
/* Favorite Sponsors right below Header Text */
.favs {font-size:14px;font-weight:bold;margin-bottom:5px; text-align:center;}
/* Thumbs Size */
.content img {border:1px solid #4e131d;margin:2px;width:110px;height:150px; /**rstgp auto set */ }
.tex {margin:0px;float:left;font-size:10px;width:110px;height:220px; /**rstgp auto set */ }
.content img:hover {border:1px solid #cc0099;}
.content {width:1000px; /**rstgp auto set */ }
#wrapper {
margin: auto;
width: 1000px; /**rstgp auto set */
padding:2px;
text-align: center;
}
/* Links */
a {color:#F5DF66; text-decoration:none;margin:0;padding:0;}
a:hover {text-decoration:underline;}
/* lists */
ul {margin:0;padding:0;}
li {list-style:none;}
/* misc */
.spacer {min-height:5px;clear:both;}
/* :::::: HYBRID TEMPLATE (thumbs+text) ::::: */
/* hybrid template + text columns */
#leftcolumn {
float: left;
margin: 5px;
padding: 5px;
width: 480px; /**rstgp auto set */
display: inline;
text-align:left;
}
#rightcolumn {
float: right;
margin: 5px;
padding: 5px;
width: 480px; /**rstgp auto set */
display: inline;
position: relative;
text-align:left;
}
.date{
float: left;
display: inline;
text-align:right;
height:30px;
}
.desc{
float: left;
display: inline-table;
position: relative;
text-align:left;
}
.text a{font-size: 7px; color:black; text-decoration:none;margin:0;padding:0;}
.text a:hover {font-size: 7px;text-decoration:underline;}
/* :::::: TOPLIST CODES ::::: */
/* Fake Archive Toplist */
#top1 {
width: 1000px; /**rstgp auto set */
margin:0 auto;
}
#top1 div {
overflow
dden;
padding-left: 4px;
padding-top: 2px;
}
/* In Faketoplist the "More Sites like this:" Text */
#top1 div strong {
font-size: 14px;
float: left;
margin: 0px 4px 0px 4px;
}
#top1 div a {
border: 1px solid black;
text-align: center;
float: left;
padding: 0px 6px;
color: black;
font-size: 12px;
text-decoration: none;
font-weight: bold;
margin: 2px;
}
#top1 div a:hover {
color: white;
border: 1px solid black;
float: left;
}
/* Name Toplist between the thumbs container */
.friends {margin:auto; font-weight:bold;font-size:16px;width:1000px; /**rstgp auto set */ }
.friends li {display:inline;list-style:none; margin:10px 20px 10px 20px;text-align:center;}
.friends li a {font-style:italic; text-decoration:underline;}
.friends li a:hover {text-decoration:none;}
/* Bottom Toplist */
ul#top4title {
list-style: none;
text-align: left;
margin-left: 30px;
}
ul#top4title li {
float: left;
width: 24%;
text-align: left;
font-weight: bold;
font-size: 18px;
color: #4446FF;
font-family: Tahoma, sans-serif;
margin-bottom: 13px;
}
ul#top4tr {
list-style: none;
text-align: left;
margin-left: 30px;
}
ul#top4tr li {
float: left;
width: 24%;
text-align: left;
font-weight: bold;
font-size: 18px;
font-family: Tahoma, sans-serif;
}
/* footer */
#footer {
clear:both;
width:1000px; /**rstgp auto set */
padding-top:10px;
margin:auto;
}
UNQUOTE
Can anyone please help me with this?
What part of the CSS file should be altered?
Thanks a lot in advance!