Reduce the width of the primary sidebar – 3 columns

  • Resolved daimpa

    (@daimpa)


    10 years, 11 months ago

    Hey there.

    First of all thanks to Alexander for this amazing template. Possibily the best I’ve ever seen for wordpress.

    I’d like to reduce the width of the primary sidebar. It should be as big as necessary to contain a 250px*250px adsense ad. At the moment it’s bigger than necessary for me.

    I’m using a 3 columns layout, with content in the middle. So:
    [Primary Sidebar] [Articles] [Secondary sidebar]

    I’ve read some posts about this, but they didn’t helped as I’m not that great with CSS and responsive layout. Hope that someone can help me.

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hey! Happy to hear ??

    Adding this should give you a 250px content primary sidebar for desktop:

    .col-3cm .main-inner { background-position: -50px 0; padding-left: 290px; }
.s1 { width: 290px; }
.col-3cm .s1 { margin-left: -290px; }

    You may need to fiddle around some more with it to get the toggle sidebar that width too.

    Thread Starter daimpa

    (@daimpa)

    What do you mean with “You may need to fiddle around some more with it to get the toggle sidebar that width too.”?

    The three edits you’ve posted seem to work perfectly, without any other edit! ??

    What I mean is that if you for example view the site on tablet in portrait mode, so that both sidebars are collapsed, when you click expand on them, they will be 300px rather than 250 ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Reduce the width of the primary sidebar – 3 columns’ is closed to new replies.