Make Sidebar Wider

[Raymond Lam]

I’m trying to figure out how to make the black transparency BG of the sidebar wider so that I can get the logo larger and that black transparency strip wider. Which code would it be?

[Bill Robbins]

Good Morning Raymond,

You can do that. Here’s what I would suggest:

;

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   @media only screen and (min-width: 1025px) {
   
   	#wrap {
   		width: 560px;
   		margin-left: 400px;
   	}
   	
   	#sidebar {
   		width: 400px;
   	}
   	
   	#content {
   		width: 560px;
   	}
   
   }
   

3. Update your settings.

If you need to change the width you can. You’ll notice in the snippet above there are two pairs of numbers that are the same (400px and 560px). The 400px sets the width of the sidebar and the 560px the width of the content area. If you increase the 400px by 40px for example, you need to change both 400px to 440px and also reduce both 560px by an equal amount (520px).

Let me know if you have any trouble.

Have a great weekend,
Bill

[Author]

Posts