1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design Grey color in charity template

Discussion in 'Web Design' started by jenden, Dec 19, 2010.

  1. jenden

    jenden New Member

    Christmas greetings to all,

    Newbie question:
    In the charity template, where is the grey color coming from? I can figure out all the other colors but not the grey.

    Thanks
     
  2. CovertPea

    CovertPea Moderator Staff Member Verified Member

    You mean the grey in the content box?

    If so, you'll find that in the image folder.

    content_bg.gif
    footer_bg.gif


    CP
     
  3. jenden

    jenden New Member

    Thanks CovertPea, that's what I was looking for. Can you or somebody else help me some more please?
    I changed the CSS to fit my site but now somehow the grey background doesn't show in the content or footer in Firerfox, but it appears in IE7. Any idea?
    Here is my CSS:

    body {
    margin: 0px;
    padding: 0px;
    background-color: #a6bf79;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 16px;
    }
    .clear{clear:both;}
    * {
    margin: 0px;
    padding: 0px;
    }
    #container {
    margin: 0px auto 50px;
    text-align: left;
    width: 717px;
    }
    #header {
    margin: 0px;
    background-image: url(images/header.jpg);
    width: 717px;
    height: 413px;
    position: relative;
    visibility: visible;
    }
    #header ul {
    border: 3px solid #ffffff;
    margin: 0px;
    padding: 5px 0px 0px;
    background-color: #85a157;
    width: 711px;
    display: block;
    top: 303px;
    position: absolute;
    height: 22px;
    text-align: center;
    left: 0px;
    }
    #header li {
    display: inline;
    }
    #header ul a {
    margin: 0px 25px;
    text-decoration: none;
    color: #ffffff;
    }
    #header ul a:hover {
    text-decoration: underline;
    color: #28556b;
    }
    #header_text a:hover {
    color: #c77e0c;
    }
    #content {
    background-image: url(images/content_bg.gif);
    width: 717px;
    }
    img {
    border-width: 0px;
    }
    h1 {
    margin: 7px;
    color: #000000;
    font-size: 17px;
    }
    h2 {
    margin: 25px 0px 15px;
    color: #85a157;
    font-size: 16px;
    text-align: center;
    width: 200px;
    }
    h3 {
    margin: 7px;
    color: #000000;
    font-size: 12px;
    }
    #left {
    padding: 40px 10px 30px 0px;
    float: left;
    width: 428px;
    margin-left: 27px;
    display: inline;
    }
    #left a {
    color: #28556b;
    }
    #left a:hover {
    color: #c77e0c;
    }
    #photos a {
    margin-right: 14px;
    }
    #right {
    border-left: 2px solid #ffffff;
    padding: 0px 20px 20px;
    float: right;
    width: 210px;
    margin-top: 22px;
    }
    #right a {
    color: #c77e0c;
    }
    #right a:hover {
    color: #85a157;
    }
    #footerline {
    clear: both;
    background-image: url(images/footer_bg.gif);
    font-size: 1px;
    height: 10px;
    }
    #footer {
    padding: 20px 0px;
    width: 717px;
    text-align: left;
    }


    Thanks again
     
  4. CovertPea

    CovertPea Moderator Staff Member Verified Member

    Can any coding experts out there help this member out?