• With Firefox, please visit benbelack.com/blog…

    In the control panel, I put the calendar widget in “Sidebar2”, and instead of being listed under “favorite websites”, it’s below my “category” section in sidebar 1.

    Please help! Potential relevant code is below from style.css

    .sidebar-right{
    width:175px;
    float: left;
    padding-top: 70px;
    margin-left: 12px;
    }
    
    .narrowcolumn, .widecolumn{
    float: left;
    padding-top:40px;
    width:480px;
    }
    
    .narrowcolumn .post{
    padding-right: 30px;
    position: relative;
    padding-bottom: 0px;
    padding-top: 113px;
    _overflow: hidden;
    _width: 468px;
    }
    
    p.postmetadata{
    padding-bottom: 20px;
    display: none;
    }
    
    .comments a{
    text-decoration: none;
    font-size: 12px;
    text-transform: lowercase;
    background: #D0E6EC url(images/comments.gif) no-repeat scroll 99% 50%;
    display: block;
    margin-left: -15px;
    padding-right: 25px;
    width:460px;
    text-align: right;
    margin-bottom: 20px;
    }
    
    .narrowcolumn .post .comments a span{
    font-size: 12px;
    }
    
    .PostHead{
    left:-30px;
    position:absolute;
    top:30px;
    }
    
    .PostHead h2, .innerpage .post h2{
    float: left;
    width:380px;
    _width:360px;
    padding-top: 5px;
    padding-left: 11px;
    font-size: 30px;
    font-family: Helvetica, Arial, "Trebuchet MS";
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    }
    
    .innerpage .post h2{
    float:none;
    padding-left: 0px;
    width:auto;
    }
    
    .PostHead h2 a{
    font-size: 30px;
    font-family: Helvetica, Arial, "Trebuchet MS";
    letter-spacing: -1px;
    text-transform: uppercase;
    text-decoration: none;
    
    }
    
    .PostTime{
    float:left;
    overflow:hidden;
    width:100px;
    
    }
    .PostHead small.PostDet, .PostHead small.PostDet a{
    font-size: 12px;
    text-decoration: none;
    }
    
    .PostHead small.PostDet{
    clear:both;
    display:block;
    left:10px;
    position:absolute;
    top:-26px;
    height: 23px;
    width:395px;
    overflow: hidden;
    display: none;
    }
    
    .PostTime b{
    background:#C30301 none repeat scroll 0 0;
    clear:both;
    color:#FFFFFF;
    display:block;
    font-family:Helvetica,Arial,"Trebuchet MS";
    font-size:62px;
    font-weight:bold;
    height:54px;
    line-height:58px;
    overflow:hidden;
    padding:0;
    text-align:right;
    width:95px;
    z-index:999;
    }
    
    .PostTime pm,
    .PostTime am {
    background: #293538 repeat scroll 0 0;
    color: #FFF;
    padding:0px;
    display: block;
    width:95px;
    left: 0;
    font-size: 14px;
    text-align: right;
    }
    
    #page{
    background: transparent url(images/wrapperbg.jpg) repeat-x center top;
    width:959px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0px 15px 0px 30px;
    position: relative;
    z-index: 999;
    }
    
    .bgimage{
    width:1004px;
    margin: 0px auto;
    background: #FFF url(images/sidebarbg.gif) repeat-y 511px 0px;
    }
    
    div.twitter{
    background:#FFFFFF url(images/twitter.gif) no-repeat scroll left top;
    margin-left:-14px;
    overflow:hidden;
    padding-top:20px;
    width:200px;
    }
    
    div.twitter-content{
    border-top:medium none;
    overflow:hidden;
    padding:0px 15px 0px 35px;
    height: 135px;
    }
    
    div.twitter-content *{
    font-size: 12px;
    line-height: 18px;
    width: 100%;
    }
    
    div.twitter-content li{
    padding-top: 2px;
    }
    
    div.twitter-content li span{
    clear: both;
    display: block;
    width:131px;
    }
    
    a.followme{
    display: block;
    width: 175px;
    padding: 0 0 10px 0;
    text-indent: -999px;
    letter-spacing: -1px;
    color: #AB3730;
    text-decoration: none;
    }
    
    img.pdlogo{
    margin-top: 15px;
    clear: both;
    }
    
    #sidebar ul.top_commenters li{
    float: left;
    padding-left: 15px;
    }
    
    #sidebar ul.top_commenters li span img{
    border: 3px solid #101C1F;
    overflow: hidden;
    display: block;
    width:32px;
    height:32px;
    }
    
    #sidebar ul.top_commenters li span img:hover{
    border: 3px solid #FFF;
    }

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Help me align my widgets…Please!!’ is closed to new replies.