Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change the sidebar width?

  • 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)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

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

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

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

    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?

    Avatar 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

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

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

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

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

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

    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)

You must be logged in to reply to this topic.