Sidebar Width

Adding this at the bottom of your CSS file should do the trick:

.sidebar, .sidebar .newd.columns { width: 270px; }
.sidebar input#s { width: 260px; }

Niki

So I feel pretty silly, would you mind explaining to me briefly what that did?

It worked and I’m much happier now, thank you so much.

No problem at all.

If you take a look to your main template, you will notice there are two main divs, one for your sidebar, and one for the main content:

<div class="container">
	<div class="two columns">
		<div class="sidebar">...</div>
	</div>
	<div class="fourteen columns">
		...
	</div>
</div>

The Skeleton CSS framework is setting 120px width for the “two columns” div. The code I gave you simply expanded the sidebar div, which is inside of that one.

Another way you can do that is by changing the numbers to (for example) “four columns” and “twelve columns”. Then you have to decrease the left margin of the “all-posts-box” child element.

You may also want to check how your site looks on lower resolutions and make some changes via media queries where that is needed.

Cheers

Yeah, I’ve noticed my images don’t resize. Thank you!

I definitely knew all of that and tried it but I’m sure my syntax was messed up. I thought I was crazy so I posted here, being new to WordPress and all.

Thank you!

Just a note, unless you move your changes from the theme’s files they’ll be erased when the theme updates (assuming this is not a custom theme).

Thank you!