Skip to:
Content
Pages
Categories
Search
Top
Bottom

enlarge sidebar on default theme

  • Would someone please tell me how to make the sidebar on the default buddypress theme from what I think is 226px to say 310px wide?

    Very much appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • @modemlooper

    Moderator

    If you want to change the default css you need to create a child theme and add the css code there to over ride the default. Otherwise each time BP updates you will loose your changes.

    https://codex.buddypress.org/how-to-guides/building-a-buddypress-child-theme/

    #sidebar {

    width: 310px;

    }

    <br />
    /* Inherit the default theme styles */<br />
    @import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/default.css );</p>
    <p>/* Inherit the default theme adminbar styles */<br />
    @import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );</p>
    <p>#sidebar {<br />
    width: 310px;<br />
    }<br />

    Made child and activated it – all looks good except the sidebar has not extended itself to the left.

    @modemlooper

    Moderator

    #sidebar {

    width:310px;

    margin-left:310px;

    }

    try that raise or lower the left margin if your sidebar drops down

    worked. thank you very much.

    Another quick question – how do I fix this width? If I make the browser smaller, the ad is pushed to the bottom.

    http://sportscade.com/

    @modemlooper

    Moderator

    you’ve added

    .content {

    width: 1134px;

    }

    get rid of that

    add this

    body {

    max-width: 960px;

    min-width: 960px;

    }

    change those sizes to whatever you want the width to be but make them match.

    again, thank you very much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘enlarge sidebar on default theme’ is closed to new replies.
Skip to toolbar