Set Sidebar Width to 300px

  • Resolved George Appiah

    (@gappiah)


    11 years ago

    I’ve searched and tried all the suggestions for increasing the sidebar width to 300px, but nothing works for me.

    I’ve tried these:

    (min-width: 1200px){
.main {width:870px;}
aside.span4 {width:270px;}
.kad-header-left {width:270px;}
.kad-header-right {width:870px;}
}
    (min-width: 1200px) {
#content .main.col-lg-9 {width: 66.66%;}
#content aside.col-lg-3 {width: 33.33%;}
}
    .sidebar {
margin-left: -10px;
}

    The last one actually increased the width of the sidebar, but not enough for a 300px ad to fit in. Using -30px solves the problem, but introduces a new problem (main content text overlapping the sidebar).

    So how do I increase the sidebar to 300px?

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • hannah

    (@hannahritner)

    11 years ago

    Hey, do you mind posting a link?

    Hannah

    Thread Starter George Appiah

    (@gappiah)

    11 years ago

    @hannah, I thought I explained the problem well enough, but apparently not. Anyway, here goess:

    http://georgeappiah.com/journal/

    That’s what happens after applying:

    .sidebar {
margin-left: -30px;
}
    hannah

    (@hannahritner)

    11 years ago

    You did explain well, but having a visual is a huge help. Remove your css and try this instead:

    @media (min-width: 992px) {
.sidebar {
margin-left: -30px;
}
.postlist article {
  margin-right: 20px;
}
}

    Hope that works for you!

    Hannah

    Ben Ritner – Kadence WP

    (@britner)

    11 years ago

    I would suggest using css like this instead:

    @media (min-width: 992px){
.col-md-4.kad-sidebar {width: 28%;}
.col-md-8.main {width: 72%;}
}

    Kadence Themes

    Thread Starter George Appiah

    (@gappiah)

    11 years ago

    Both suggestions work fine.

    Thanks for the quick support — especially for a free theme.

    Thread Starter George Appiah

    (@gappiah)

    11 years ago

    Ooops, forgot to mark it as RESOLVED.

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

The topic ‘Set Sidebar Width to 300px’ is closed to new replies.