Results 1 to 2 of 2

Thread: REal Dumb problem with css please help

  1. #1
    Join Date
    Dec 2007
    Posts
    1

    Angry REal Dumb problem with css please help

    Hi,

    All I want to do is edit the color of the background of the content section of my website. I already found out how to edit the color to the outer background, but no matter how hard I look I can never find where to edit the content section.

    Here's the code




    /* Waveform AQUA */
    body {
    font:12px verdana, arial;
    color:#b8e5fd;
    min-width: 1000px;
    margin: 0px;
    padding: 0px;
    background-color: #000;}
    /*
    * Container surrounding all content on the page
    */
    .fw-container {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    border: ;
    overflow:hidden;}

    a:hover {
    text-decoration: none;
    color: Black;}
    a,
    a:visited {
    color:#57c9fe;
    text-decoration: none;}

    a:visited:hover {
    text-decoration: none;
    color: Black;}

    code,pre {
    font-size:12px}

    fieldset {
    margin:1em 0;
    padding:1em;
    border:1px solid #CCC}

    legend {
    color:#000;
    font-weight:bold;}

    label {
    cursorointer}
    /*
    * This can be used to decorate around any advertisements that appear on the page (non-premium users only)
    * It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement
    */
    .fw-advertisement,
    #fw-advertisement {
    margin:0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width:760px;
    border:0;
    text-align: center;
    background: #000; }
    /*
    * Container surrounding Site Title, Small Title, Logo, and home-link
    */
    .fw-head {
    height: 1
    96px;
    margin:0;
    border:0;
    background: #242424 ;
    position:relative;}
    /*
    * Site Title
    */
    .fw-head h1 {
    font:bold 26px verdana;
    letter-spacing: -1px;
    color: #fff;
    border: ;
    text-align: left;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    padding:0px;
    margin:0px;}
    /*
    * Site Small Title
    */
    .fw-head h3 {
    font:normal 12px arial;
    color: #fff;
    border: ;
    text-align: left;
    position: absolute;
    top: 60px;
    left: 20px;
    z-index: 10;
    padding:0px;
    margin:0px;}

    .fw-logo {
    width:1000px;
    height:196px;}

    .fw-home-link {
    width:0px;
    height:0px;
    display:none;}

    hr {
    display:none;}
    /*
    * NavBar
    * UL containing all the NavBar links
    */

    .fw-nav-menu {
    background: #242424;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    font-family: arial;
    font-weight: normal;
    color: #57c9fe;
    border-top: solid 1px #000;}

    .fw-nav-menu ul {
    margin:0px;
    padding:0px;
    border: ;
    background: transparent;
    list-style:none;
    text-align:left;
    cursor:default;}
    /*
    * Individual NavBar LI's
    */
    .fw-nav-menu li {
    margin: 0px 25px 0px 0px;
    display: inline;}
    /*
    * Individual NavBar links
    */
    .fw-nav-menu a {
    text-decoration:none;}
    /*
    * This is the container that holds the main content (paragraphs) of the page.
    */
    .fw-with-mini {
    float:left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    overflow: hidden;
    background: #242424; }
    /*
    * The fw-no-mini class is applied to the fw-content DIV
    * when there are no mini-paragraphs on the page.
    * This statement must remain in the css even if there are mini paragraphs.
    * If there are mini paragraphs on the page, this will be ignored.
    */
    .fw-content {
    float: left;
    width:75%;}

    .fw-content h2 {
    font:bold 18px verdana;
    color: #fff;
    letter-spacing: -1px;
    margin: 0px 0px 10px 0px;
    padding-top: 15px;}

    .fw-paragraph {
    padding: 0px 20px 20px 20px;
    border-top: solid 1px #000;
    background: #242424 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Aqua/bg-p.gif') repeat-x top left;
    overflow: hidden;
    clear:both;}

    .fw-text {
    margin: 0px 0px 0px 25px;
    padding: 0px 20px 0px 0px;
    overflow: hidden;
    height: 100%;}

    .fw-content ul,.fw-content ol,.fw-content dd {
    margin-left:2em;}

    .fw-mini-pars {
    float:right;
    width:25%;}

    .fw-mini-pars dt {
    font:bold 18px verdana;
    color: #333;
    letter-spacing: -1px;
    margin: 0px 0px 10px 0px;
    padding-top: 15px;}

    .fw-mini-pars dd {
    padding: 0px 20px 20px 20px;
    border-top: solid 1px #000;
    background: #242424 url('http://images.freewebs.com/Members/Generationz/CSSStyles/WaveForm/Aqua/bg-p.gif') repeat-x top left;
    overflow: hidden;
    clear:both;}

    .fw-text {
    margin: 0px 0px 0px 25px;
    padding: 0px 20px 0px 0px;
    overflow: hidden;
    height: 100%;}

    .fw-footer {
    font-size: 10px;
    font-family: verdana, sans-serif;
    background: #161616;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 6px 20px;
    clear: both;
    border-top: solid 1px #000;
    color: #999;}

    .fw-footer p {
    padding: 0px 0px 0px 0px;
    margin: 0px;}

    .fw-tracker {
    background: #242424;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 20px;
    font-size: 10px;
    font-family: verdana, sans-serif;
    clear: both;
    border-top: solid 1px #000;
    color: #999;}

    /* forms */
    label,button,input[type="submit"] {
    cursorointer;}

    input,textarea {
    padding:.1em;}

    textarea {
    font:1em tahoma,verdana,arial,sans-serif;}

    .formSpan {
    display:block;
    margin:1em 0 0}

    /* The following styles are for the blog.
    * Remember, if a CSS property is already defined in blog.css,
    * you must use the !important rule.
    */
    /*
    * blog entry container
    */
    .fwBlogEntryDisplay {
    border-bottom: 0 !important;
    margin: 0px !important;
    margin-bottom: 30px !important;
    padding: 0px !important;}

    /*
    * blog entry title
    */
    .fwBlogEntryTitle {
    font:bold 18px verdana !important;
    color: #fff !important;
    letter-spacing: -1px !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    padding-top: 15px !important;}
    /*
    * blog entry date
    */
    .fwBlogEntryDate {
    margin: 0px 0px 0px 0px !important;
    padding: 0px !important;
    font-size: 11px !important;
    font-family: verdana !important;
    color: #fff !important;}

    .fwBlogEntryDate BR {
    display: none;}
    /*
    * blog entry body
    */
    .fwBlogEntryBody {
    border-bottom: solid 4px #000 !important; }

    /*
    * blog comments
    */
    .fwBlogCommentContainer{
    border: solid 1px #1179a9 !important;
    padding: 10px !important;
    margin: 10px 0px 0px 0px !important;
    background-color: #000 !important;}

    /* Google ad colors */

    #googlecolors1 {
    background-color:#000; /*bg*/
    color:#b8e5fd; /*text*/}
    #googlecolors1 a, #googlecolors1 a:visited {
    color:#fff; /*link*/}
    #googlecolors2 {
    background-color:#000; /*border*/
    color:#57c9fe; /*url*/}




    I'm doing it through freewebs btw don't know if that affects anything or not.

    Please help

  2. #2
    Join Date
    Aug 2007
    Posts
    183
    .fw-container {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    border: ;
    overflow:hidden;
    background-color: #000000;} Change to what ever colour you would like

Similar Threads

  1. Css problem
    By jpdcab in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 07 Aug 2007, 01:06 AM
  2. slight problem with CSS code
    By webguy_dave in forum General Questions
    Replies: 1
    Last Post: 17 Dec 2005, 02:55 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •