Need help? Check out our Support site, then


Theme CSS Help

  1. Hi there,
    I run http://blog.blacksoxfan.com. I am hoping someone could help me with my style sheet. I am trying to do two things: first - get some space between my posts. second - put a horizontal line to separate them.

    any advice would be appreciated:
    [CODE]
    /*
    Theme Name: Black Sox Fan
    Theme URI: http://blog.blacksoxfan.com
    Description: Blog Template
    Version: 1.0
    Author: Trae Regan
    */

    /*START TAG ELEMENTS*/
    html, body {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 14px;
    color: rgb(79, 81, 86);
    margin: 0px;
    }

    h1 {
    font-size: 16px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    margin: 0px;
    }

    h2 {
    font-size: 9px;
    line-height: 15px;
    margin: 1px 0px 5px 0px;
    color: rgb(161, 161, 163);
    }

    h3 {
    font-size: 11px;
    line-height: 12px;
    margin: 0px;
    color: rgb(146, 148, 151);
    }

    h4 {
    font-size: 11px;
    color: rgb(43, 59, 84);
    margin: 0px 0px 10px 0px;
    padding: 25px 0px 0px 0px;
    }

    br {
    margin: 0px;
    }

    p {
    margin: 5px 0px 5px 0px;
    }

    a:link, a:visited {
    color: #333;
    }

    a:hover {
    color: #7F7F7F;
    }
    /*END TAG ELEMENTS*/

    /*START STRUCTURE*/
    #divMainWrap {
    height: 100%;
    width: 100%;
    }

    #divLevel1 {
    height: 105px;
    width: 100%;
    background-color: #2A2A2A;
    }

    #divWrap1 {
    height: 105px;
    width: 710px;
    margin: 0px auto 0px auto;
    background: #2A2A2A;
    }

    #divLevel2 {
    height: 112px;
    width: 100%;
    background-color: #7F7F7F;
    }

    #divWrap2 {
    height: 112px;
    width: 710px;
    margin: 0px auto 0px auto;
    border-left: solid 5px #000;
    border-right: solid 5px #000;
    background: #000;
    }

    #divLevel3 {
    min-height: 100%;
    width: 710px;
    margin: 0px auto 0px auto;
    overflow: hidden;
    }

    #divWrap3 {
    float: left;
    padding-bottom: 50px;
    }
    /*END STRUCTURE*/

    /*START LEVEL 1 CONTENT*/
    #divLogo {
    float: left;
    height: 68px;
    width: 215px;
    margin-top: 20px;
    }

    #divNavWrap {
    float: right;
    height: 85px;
    width: 415px;
    margin-top: 20px;
    }

    #divNavWrap ul li a {
    color: rgb(161, 161, 163);
    text-decoration: none;
    }

    #divNavWrap ul li a:hover{
    color: rgb(255, 255, 255);
    background-color: #7F7F7F;
    }

    body.home #divNavWrap #home,

    body.team #divNavWrap #team,

    body.contact #divNavWrap #contact {
    color: rgb(255, 255, 255);
    }

    #divSearch {
    float: right;
    height: 25px;
    margin-bottom: 5px;
    }

    #divSearch #formSearch {
    font-size: 9px;
    height: 15px;
    width: 130px;
    }

    #divSearch #formGO {
    font-size: 9px;
    font-weight: bold;
    height: auto;
    margin-left: 5px;
    }

    #divMainNav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    float: right;
    clear: right;
    height: 45px;
    margin-top: 10px;
    }

    #divMainNav ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }

    #divMainNav ul li {
    display: inline;
    word-wrap: normal;
    }

    #divMainNav ul li a {
    float: left;
    height: 40px;
    text-align: center;
    padding: 5px 12px 0px 12px;
    }

    #linkcat ul #linkcat ul li ul li {
    margin: 0px;
    padding: 0px;
    }

    #linkcat-1 #linkcat-2 ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }

    #linkcat-1 #linkcat-2 ul li {
    display: inline;
    word-wrap: normal;
    }

    #linkcat-1 #linkcat-2 ul li a {
    float: left;
    height: 40px;
    text-align: center;
    padding: 5px 12px 0px 0px;
    }
    /*END LEVEL 1 CONTENT*/

    /*START LEVEL 2 CONTENT*/

    #divLeftImg {
    float: left;
    height: 112px;
    width: 710px;
    }
    /*END LEVEL 2 CONTENT*/

    /*START LEVEL 3 CONTENT*/
    #divCats {
    }

    #divCats ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }

    #divCats ul li {
    display: block;
    margin: 4px 0px 4px 0px;
    }

    #divCats ul a {
    color: rgb(159, 160, 163);
    text-decoration: none;
    padding: 3px 0px 3px 0px;
    }

    #divCats ul a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(169, 169, 171);
    }

    #divContent {
    float: left;
    min-height: 100%;
    width: 500px;
    padding: 25px 30px 40px 16px;
    }

    form.subscribeForm #divContact #formEmail2, #formSend{
    font-size: 9px;
    color: rgb(79, 81, 86);
    width: 130px;
    border: 1px solid rgb(189, 190, 192);
    margin: 4px 0px 4px 0px;
    padding: 2px;
    }
    /*END LEVEL 3 CONTENT*/

    /* WordPress Specific */
    #comment {
    width: 320px;
    }

    blockquote {
    font-style:italic;
    }
    [/CODE]

  2. Blacksoxfan - due to the URL, I am guessing that you are not hosted at wordpress.com. If that is the case then you need to be asking over at http://www.wordpress.org. We run different software here.

    Collin

  3. ahhhh.... thanks and i'll go do that :-)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.