Title: Resize the sidebar
Last modified: August 24, 2025

---

# Resize the sidebar

 *  [rapunzel](https://wordpress.org/support/users/rapunzel/)
 * (@rapunzel)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/resize-the-sidebar/)
 * I’m trying to resize the sidebar, but whenever I do and it drops down underneath
   the main content area. How do I get it so the sidebar is somewhat bigger than
   it currently is without this happening? I’m editing the actual style.css in theme
   editor; not using the customize option.
 * Here’s a snippet of the css I’m using to try and fix the sidebar width but it
   doesn’t seem to work. I’ve highlighted my changes in bold. Originally, it was:
 *     ```wp-block-code
       width: 220px;
       ```
   
 *     ```wp-block-code
       /* =Layout-------------------------------------------------------------- *//*LAYOUT: Two columnsDESCRIPTION: Two-column fixed layout with one sidebar right of content*/#container {	float: left;	margin: 0 -240px 0 0;	width: 100%;}#content {	margin: 0 280px 0 20px;}#primary,#secondary {	float: right;	overflow: hidden;	width: 300px;}#secondary {	clear: right;}#footer {	clear: both;	width: 100%;}
       ```
   
 * Like I said when I change the width of the sidebar it drops down under the main
   content area and/or creates a large space pushing it down the page. If someone
   could figure this out I’d really appreciate it.

Viewing 1 replies (of 1 total)

 *  Moderator [threadi](https://wordpress.org/support/users/threadi/)
 * (@threadi)
 * [1 year, 2 months ago](https://wordpress.org/support/topic/resize-the-sidebar/#post-18611548)
 * Unfortunately, this is a little more complicated with this theme. You need to
   adjust the following 3 values in the CSS:
 *     ```wp-block-code
       #container {	margin-right: -300px;}#content {	margin-right: 320px;}#primary, #secondary { width: 300px; }
       ```
   
 * Note that you should set a slightly higher value for #content, as this determines
   the distance between the sidebar and the content.

Viewing 1 replies (of 1 total)

 The topic ‘Resize the sidebar’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyten/4.7/screenshot.png)
 * Twenty Ten
 * [Support Threads](https://wordpress.org/support/theme/twentyten/)
 * [Active Topics](https://wordpress.org/support/theme/twentyten/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyten/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyten/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [threadi](https://wordpress.org/support/users/threadi/)
 * Last activity: [1 year, 2 months ago](https://wordpress.org/support/topic/resize-the-sidebar/#post-18611548)
 * Status: not resolved