reduce the width of the primary sidebar

Hi, I posted on this topic in another thread and thought it may be helpful here?

I’ve done a bit of fiddling around and changed the primary sidebar width. I’m not sure if it is the best way to do it, but it seems to work for me.

I’ll put the .css code here and you can try it out yourself, changing the values to whatever suits you. 🙂

.col-2cl .main-inner { background: url(img/sidebar/s-right-s1.png) repeat-y right 2; background-size: 260px; padding-right: 240px; background-position: right top;}
.col-2cl .content { float: left; }
.col-2cl .s1 { float: right; margin-right: -240px; margin-left: -200px; }
.s1 { width: 260px; }

Cheers

This code works for me. I included the note to myself to remember that whatever width I choose must add up to 340 with the padding:

/* 3 column, content middle
padding left plus background must add to 340 */

.col-3cm .main-inner { padding-left: 290px; background-position: -50px 0; }
.col-3cm .s1 { margin-left: -290px; }
.s1 { width: 290px; }
@media only screen and (min-width: 479px) and (max-width: 960px) {
.s1-expand .s1 { width: 290px; }
.s1-expand .s1 .sidebar-content,
.s1-expand .s1 .post-nav { min-width: 290px; }
}

Neither one of the solutions posted work… still end up with the same width…must be missing something here

Hiya.

I have a skyscrape-add from Adsense in my left sidebar. It’s 160×600. I’ve tried the recent code you posted in here and I’ve tried changing the numbers. But I can’t get it correct.

I want the sidebar to be as close at 160 as possible and I want the entire ad to show 🙂

Can someone help me out?

It’s located at http://www.latenightapple.se.

Thanks in advance!

Can you please mention what file should I edit with this code?