Sidebar padding

  • Site: http://www.dearidiot.com

    Problem: as you can see on the sidebar, the “facebook like” at the top of the sidebar has huge padding above and below it. it doesnt matter what i put there, that big gap is still there. I’ve tried to manually edit style.css but cannot find any options to adjust padding for the sidebar (ANY of the padding). I’d like to squish all the widgets closer, and of course remove the big spaces completely.

    Also: on http://www.dearidiot.com/?page_id=142 (the submit page) there is a giant gap below “upload image” and “note”. This is a custom form/page made by TDO mini forms and I cannot find how to edit that space.

    Here is my style.css:

    /* SIDEBAR */
    .content-sidebar{width:191px;display:inline-block;overflow:hidden;vertical-align:top;}
    .content-sidebar input{padding:3px;border:1px solid #E5E2E0;margin-bottom:2px;}
    .content-sidebar h3{margin-top:8px;display:block;background:#FFF url(images/sidebar_h3.png) no-repeat;height:22px;width:181px;font-weight:700;font-size:11px;padding:9px 0 0 10px;}
    .content-sidebar h3 a{text-decoration:none;color:#2C2C29;line-height:13px;}
    .content-sidebar ul{list-style:none;width:191px;padding:2px;}
    .content-sidebar li{list-style:none;}
    * html .content-sidebar ul{width:160px;}
    .content-sidebar ul li,.content-sidebar-2 ul li{display:block;color:#9D9793;line-height:16px;padding:4px 0 4px;border-bottom:1px solid #EEE;width:185px;}
    .content-sidebar ul ul li,.content-sidebar-2 ul ul li{border:0px;padding-bottom:0;width:140px;}
    .content-sidebar ul li.page_item ul li.page_item , .content-sidebar ul li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:11px;margin-top:-3px;}
    .content-sidebar ul li.page_item ul li.page_item ul li.page_item, .content-sidebar ul li.cat-item ul.children li.cat-item ul.children li.cat-item{background:url(images/arrow.gif) 0 11px no-repeat;padding-left:12px;}
    .content-sidebar ul li a:hover,.content-sidebar .recentcomments a:hover{color:#AAA;}
    .content-sidebar .textwidget, .content-sidebar select{padding:3px;margin:10px 2px 10px 2px;width:188px;}
    .content-sidebar .recentcomments{display:block;border-bottom:1px solid #EEE;color:#9D9793;padding:4px 0px;line-height:16px;}
    .content-sidebar .right {float:right; width:91px;overflow:hidden;}
    .content-sidebar .left {float:left; width:91px;overflow:hidden;}

  • You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

  • The topic ‘Sidebar padding’ is closed to new replies.