Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change the sidebar width?


  • AdamK28
    Member

    @adamk28

    Hi, i seem to be having a problem with changing the width of the sidebar of the default theme. Whenever i do it the sidebar just disappears. If anyone could help me with this id really appreciate it. Thanks

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

  • @mercime
    Moderator

    @mercime


    AdamK28
    Member

    @adamk28

    Sorry just noticed you replied. I want it to be 350px


    @mercime
    Moderator

    @mercime

    Build a bp-default child theme. Then at the bottom of the stylesheet, add the following:

    `div#sidebar {
    margin-left: -352px;
    width: 350px;
    }

    div#content .padder {
    margin-right: 351px;
    }`


    AdamK28
    Member

    @adamk28

    I got it to work thanks! i’m gonna have to learn more about building themes now.


    AdamK28
    Member

    @adamk28

    Another thing i was wondering how to do. Is there a way to put a log in form on the header instead of a search?


    @mercime
    Moderator

    @mercime

    – Copy over header.php and sidebar.php from the bp-default theme into your bp-default child theme folder.
    – Open up header.php and remove the search form there.
    – Open up sidebar.php and copy then remove the code for the login.
    – Paste over the login code into header.php where you want it to show up.
    – Open up your child theme’s style.css file and add styling for your login form which is now in your header.php


    AdamK28
    Member

    @adamk28

    It seems to work but the it doubles the size of the actuall header, is this what needs to be edited in the css?


    AdamK28
    Member

    @adamk28

    another thing i was wondering how to do is. How do you remove the line thats on the left side of the widgets?


    @mercime
    Moderator

    @mercime

    >> doubles the size of the actuall header, is this what needs to be edited in the css
    Yes,

    >> How do you remove the line thats on the left side of the widgets
    In your child theme’s stylesheet
    `div#content .padder {
    border-right: 0;
    }
    `

    i set the border-right:0; and its still showing up


    @mercime
    Moderator

    @mercime

    My bad, forgot the sidebar has border as well, so change div#sidebar to include removing the border
    `div#sidebar {
    border-left: 0;
    margin-left: -352px;
    width: 350px;
    }`

    i changed it and its still there…

    for some reason its still using the buddypress default template css, how can i make it read my custom css?

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to change the sidebar width?’ is closed to new replies.
Skip to toolbar