Grow your CSS skills. Land your dream job.

[Solved] h2 and h3 tags will not change color

  • # March 12, 2010 at 6:12 pm

    I am working on my first wordpress site and I am having trouble making the h2 and h3 tags the colors that I want them. I got them to change font size but not color. I would like them to be #828898 but they keep showing up black.

    site is here. http://teamisrl.com/news/wordpress/?page_id=4

    catagories and pages are all showing black.

    Code:
    body { background-color: #afaeae;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-color: #868ea2;
    line-height: 24px; }

    .screen-reader-text { position: absolute; left: -9999px; top: -9999px; }

    .clear { clear: both; }

    .group:after { visibility: hidden; display: block; font-size: 0; content: ” “;

    clear: both; height: 0; }

    * html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

    p {
    font-size: 13px;
    font-color: #868ea2;
    }

    h2 {
    letter-spacing: 2px;
    font-family:Georgia, Times New Roman, serif;
    font-color: #828898;
    font-size: 17px;
    margin-bottom: 15px;
    }
    h3 {
    letter-spacing: 2px;
    font-family:Georgia, Times New Roman, serif;
    font-color: #828898;
    font-size: 17px;
    margin-bottom: 15px;
    }

    a img {
    border: none;
    }
    #outer-page-wrap {
    background-image: url(images/pageWrapbg.jpg);
    repeat: repeat-y;
    width: 960px;
    margin: 0 auto;

    }

    #page-wrap{
    background: url(images/checkers.jpg) repeat-y;
    background-position: 31px;
    width: 960px;
    margin: 0 auto;
    }

    .clear {
    clear: both;
    }

    #header{
    width: 860px;
    margin: 0 auto;
    }

    #teamName {
    padding: 0 30px;
    }
    /*Navigations*/
    #navBar{
    margin: 10px auto 36px;
    width: 860px;
    background-image: url(images/navbar-bg.jpg);
    repeat: repeat-x;
    }

    #trans-nav {
    list-style-type: none;
    height: 35px;
    padding: 0;
    margin: 0 auto;}

    #trans-nav {
    list-style-type: none;
    height: 35px;
    padding: 0;
    margin: 0; }

    #trans-nav li {
    font-family: Georgia, serif;
    float: left;
    position: relative;
    padding: 0; line-height: 35px;
    background-image: url(images/navbar-bg.jpg);
    repeat: repeat-x; }

    #trans-nav li:hover {
    background-position: 0 -35px; }

    #trans-nav li a {
    display: block;
    padding: 0 15px;
    color: #fff;
    text-decoration: none; }

    #trans-nav li a:hover {
    color: #a3f1d7; }

    #trans-nav li ul {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 8em;
    background: #838a9a;
    list-style-type: none;
    padding: 0;
    margin: 0; }

    #trans-nav li:hover ul {
    opacity: 1; }

    #trans-nav li ul li {
    float: none;
    position: static;
    height: 0;
    line-height: 0;
    background: none; }

    #trans-nav li:hover ul li {
    height: 30px;
    line-height: 30px; }

    #trans-nav li ul li a {
    background: #8f96a5;}

    #trans-nav li ul li a:hover {
    background: #838a9a;}

    #trans-nav li {
    -webkit-transition: all 0.2s;}

    #trans-nav li a {
    -webkit-transition: all 0.5s;}

    #trans-nav li ul {
    -webkit-transition: all 1s; }

    #trans-nav li ul li {
    -webkit-transition: height 0.5s; }

    /*End Navigations*/

    /*page content*/

    #contentWrapper{
    margin: 0 auto;
    width: 860px;
    }

    .pagetitle {
    letter-spacing: 2px;
    font-family:Georgia, Times New Roman, serif;
    font-color: #828898;
    font-size: 17px;
    margin-bottom: 15px;
    }

    #content{
    background-color: #ededed;
    background-image: url(images/cornercheck.png);
    background-repeat: no-repeat;
    background-position:bottom right;
    border: solid 1px #fff;
    float:left;
    margin: 0 10px 20px 0;
    padding: 15px;
    outline: 1px solid #b4b3b3;
    width: 530px;

    }

    /*side content*/

    #sidebar-content {
    background-color: #ededed;
    background-image: url(images/topcornercheck.png);
    background-repeat: no-repeat;
    background-position:top right;
    border: solid 1px #fff;
    float:right;
    padding:10px;
    outline: 1px solid #b4b3b3;
    width: 260px;
    margin-bottom: 20px;
    }
    #sidebar-content ul li{
    list-style: none;
    }
    .ads {
    margin: 5px 0 5px 0;
    }

    #main { padding-bottom: 126px; }

    #footer {
    background-image: url(images/footerbg.png);
    background-repeat:repeat-x;
    height: 126px;
    position: relative;
    margin: -126px auto 0 auto; /* negative value of footer height */
    clear:both;
    width: 953px;
    }

    /* CLEAR FIX*/
    .clearfix:after {content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac */
    * html .clearfix { height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

    .post { font-color: #7f8595;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

    .entry {font-color: #7f8595;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
    .entry a {color: #999; }
    .entry a:hover {color: #a3f1d7;}

    pre { }
    code, tt { }

    #meta { font-color: #999;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    }
    .postmetadata {font-color: #999;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }

    .navgation { }
    .next-posts { }
    .prev-posts { }

    #searchform { }
    #s { }
    #searchsubmt { }

    ol.commentlist { list-style: none; }
    ol.commentlist li { }
    ol.commentlist li.alt { }
    ol.commentlist li.bypostauthor { }
    ol.commentlist li.byuser { }
    ol.commentlist li.comment-author-admin { }
    ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
    ol.commentlist li.comment div.comment-author { }
    ol.commentlist li.comment div.vcard { }
    ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
    ol.commentlist li.comment div.vcard cite.fn a.url { }
    ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
    ol.commentlist li.comment div.vcard img.avatar-32 { }
    ol.commentlist li.comment div.vcard img.photo { }
    ol.commentlist li.comment div.vcard span.says { }
    ol.commentlist li.comment div.commentmetadata { }
    ol.commentlist li.comment div.comment-meta { font-size: 10px; }
    ol.commentlist li.comment div.comment-meta a { color: #ccc; }
    ol.commentlist li.comment p { }
    ol.commentlist li.comment ul { }
    ol.commentlist li.comment div.reply { font-size: 11px; }
    ol.commentlist li.comment div.reply a { font-weight: bold; }
    ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
    ol.commentlist li.comment ul.children li { }
    ol.commentlist li.comment ul.children li.alt { }
    ol.commentlist li.comment ul.children li.bypostauthor { }
    ol.commentlist li.comment ul.children li.byuser { }
    ol.commentlist li.comment ul.children li.comment { }
    ol.commentlist li.comment ul.children li.comment-author-admin { }
    ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
    ol.commentlist li.comment ul.children li.depth-5 { }
    ol.commentlist li.comment ul.children li.odd { }
    ol.commentlist li.even { background: #fff; }
    ol.commentlist li.odd { background: #f6f6f6; }
    ol.commentlist li.parent { border-left: 5px solid #111; }

    a {color:#828898;}
    a:visited {
    color: #a1a5b1;}
    a:hover {color: #a3f1d7;}

    # March 12, 2010 at 6:24 pm

    You should be using ‘color’ not ‘font-color’

    # March 12, 2010 at 8:57 pm

    Doh!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".