Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change the sidebar width?

  • Profile photo of AdamK28
    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)
  • Profile photo of @mercime
    @mercime
    Keymaster

    @mercime

    Profile photo of AdamK28
    AdamK28
    Member

    @adamk28

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

    Profile photo of @mercime
    @mercime
    Keymaster

    @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;
    }`

    Profile photo of AdamK28
    AdamK28
    Member

    @adamk28

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

    Profile photo of AdamK28
    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?

    Profile photo of @mercime
    @mercime
    Keymaster

    @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

    Profile photo of AdamK28
    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?

    Profile photo of AdamK28
    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?

    Profile photo of @mercime
    @mercime
    Keymaster

    @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;
    }
    `

    Profile photo of AdamK28
    AdamK28
    Member

    @adamk28

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

    Profile photo of @mercime
    @mercime
    Keymaster

    @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;
    }`

    Profile photo of AdamK28
    AdamK28
    Member

    @adamk28

    i changed it and its still there…

    Profile photo of AdamK28
    AdamK28
    Member

    @adamk28

    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.