How to Change The Text Color of My Footer to White

Discussion in 'CSS' started by theblurr5495, Dec 4, 2009.

  1. #1
    I want to change the heading "blog categories" in my footer, and all the text to white. Can anyone tell me what I should do to add it to this CSS?

    Thanks!

    #foot {
    background: #2B2A2A;
    border: 0.6em solid #212020;
    color: FFFFF;
    font-size: 12px;
    margin: 20px auto;
    overflow: hidden;
    padding: 1.5em;
    }
    #foot a { color: #DBEDF9; border-bottom: 1px dashed #DBEDF9; text-decoration: none; }
    #foot a:hover { background: #DBEDF9; color: #3D3C3C; }

    #foot span.cat, #foot h3 { /* controls all blue headings */
    color: #23A2D7; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }

    #foot h5 { font-size: 23px; }

    #foot ul li ul { list-style-type: square; margin-left: 10px; }

    #foot ul.sidebar_list { padding: 1.8em 30px 0 0; }

    #foot li.widget .widget_box { background: none; border: 0; }

    #foot .textwidget p { line-height: 22px; margin-bottom: 11px; }

    #foot .col { float: left; list-style: none; width: 33.3%; }

    #cats {
    background: #3D3C3C;
    list-style-type: none;
    margin-top: 13px;
    overflow: hidden;
    padding: 10px 0 7px 20px;
    }

    #cats li {
    float: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin: 0 2px 5px 0;
    width: 165px;
    }

    #copyright {
    border-top: 1px dashed #3D3C3C;
    clear: both;
    font-size: 13px;
    letter-spacing: 1.3px;
    line-height: 21px;
    padding-top: 10px;
    }

    #copyright p { font-size: 13px; }

    #copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget { margin: 0; padding: 0; }
    .custom #header #logo a { display: block; height: 120px; width: 500px; background: url(http://www.webjourney.me/wp-content/themes/thesis_16/custom/images/logo.png) no-repeat; outline: none; }
     
    theblurr5495, Dec 4, 2009 IP
  2. jwitt98

    jwitt98 Peon

    Messages:
    145
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Change:
    color: FFFFF;
    To:
    color: #fff;
     
    jwitt98, Dec 4, 2009 IP
  3. Ashtone

    Ashtone Peon

    Messages:
    41
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Fix what jwitt said, and also, if you want to make JUST the blog categories heading white (and anything else which is in <h5> in your footer) do this:

    #foot h5 { font-size: 23px; }
    Code (markup):
    add color: #fff;

    so:
    
    #foot h5 { 
    font-size: 23px;
    color: #fff; 
    }
    
    Code (markup):
     
    Ashtone, Dec 5, 2009 IP
    theblurr5495 likes this.
  4. theblurr5495

    theblurr5495 Active Member

    Messages:
    436
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #4
    Thanks a lot!

     
    theblurr5495, Dec 6, 2009 IP