css problem: help needed

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • EnriqueV
    Registered User
    • Sep 2009
    • 60

    #1

    css problem: help needed

    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 {
    overflowdden;
    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!
  • robber
    Web Developer
    • Jan 2011
    • 264

    #2
    Hi.

    Without playing or knowing the order the tags have been written I would say amend this line:

    background:url('http://www.my-website-url.com/image.jpg') repeat-x; background-position:fixed;
    as it should change your background for you. If you're not sure find me on icq or e-mail me rob [at] foxydrop [dot] com

    Kind Regards

    Rob

    Comment

    Working...