WordPress.org

Ready to get started?Download WordPress

Forums

How do I modify my sidebar width (1 post)

  1. MarkBrownFox
    Member
    Posted 9 months ago #

    Hey all,

    I'm looking to modify my WP theme sidebar to both widen the area, and get rid of a lot of white space on my page.

    Below is the current page I'm working on. I'm trying to widen the sidebar to kill the whitespace to the right of the twitter feed, but also widen the sidebar at the same time.

    http://brownfoxmarketing.com/blog-news/

    Below is the sidebar CSS I'm working with.

    #sidebar { width: 230px; float: left; }
    	.widget { margin-bottom: 80px; padding: 40px; }
    	.widget:last-child { margin-bottom: 0; }
    		.widget h4.widgettitle { color: #333; font-weight: 300; font-size: 16px; -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.02))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 100%); background-color: #fdfdfd; padding: 20px 48px; -moz-box-shadow:  inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); box-shadow: inset 1px -1px 0 #fff, 0 2px 2px rgba(0,0,0,0.05); border-bottom: 5px solid #ea6b1e; margin: -40px -40px 26px; }
    		.widget ul { margin: -24px -40px -40px !important; }
    			.widget ul ul { margin: 0; }
    
    			.widget ul li, .nav li li, .et_mobile_menu a { border-bottom: 1px solid #e9e9e9; display: block; background: url(images/sidebar-bullet.png) no-repeat 40px 19px; padding: 16px 30px 16px 62px !important; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; }
    
    			.nav li li, .et_mobile_menu a { padding-left: 43px !important; background-position: 22px 19px; }
    				.nav li li a { padding: 0 !important; color: #878787 !important; }
    				.nav li li a:hover, .et_mobile_menu li a:hover { color: #333 !important; }
    
    			.et_mobile_menu li a { color: #878787 !important; }
    
    			.widget ul li:last-child { border-bottom: none; }
    			.widget ul li:hover, .nav li li:hover { background: #fbfbfb url(images/hover-sidebar-bullet.png) no-repeat 62px 19px; padding-left: 84px !important; }
    
    			.nav li li:hover, .et_mobile_menu a:hover { background-position: 42px 19px !important; padding-left: 62px !important; }
    
    			.widget ul li:hover a { color: #333; }
    				.widget ul li a { color: #878787; text-decoration: none; }
    
    			.nav ul > li:last-child { border-bottom: none; }
    
    .woocommerce ul.cart_list { margin-bottom: 30px !important; }
    .woocommerce a.button { margin-bottom: 10px !important; }

Reply

You must log in to post.

About this Topic