Skip to:
Content
Pages
Categories
Search
Top
Bottom

Make BuddyPress Skin Go Edge To Edge?

  • Profile photo of Rishel
    rishel
    Member

    @rishel

    Is it possible to make the Default BuddyPress Main Page and All Member Pages (the entire skin essentially) go edge to edge? The gaps on the side I would like to do away with. Is this possible?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Profile photo of Rishel
    rishel
    Member

    @rishel

    Anyone know?

    Profile photo of Burt Adsit
    Burt Adsit
    Participant

    @burtadsit

    Yes. Many people know how to do this. We learned by hunting down the appropriate css entities and modifying them. I did it by first of all getting the wildly wonderful firebug extension for firefox.

    http://getfirebug.com/

    Firebug told me the exact file and line to modify. It even let me change the css interactively on a live web page. Try before I buy. Very cool.

    This time around firebug told me that the bp home theme css padding entry for the content area lives in:

    /wp-content/themes/buddypress-home/css/base.css

    Change line number 121: padding: 0 20px; to padding: 0;

    Profile photo of Rishel
    rishel
    Member

    @rishel

    Ok, that did the internal padding. I meant the blank white areas that are outside that. There are to blank white columns on all the pages, the far right and the far left. I was wondering if that area could be made to go full screen from left to right etc.

    Profile photo of Rishel
    rishel
    Member

    @rishel

    Do you see how this page this post is on, goes edge to edge? Thats what I am trying to achieve.

    Profile photo of Plrk
    plrk
    Participant

    @plrk

    I’m not 100% sure, but I’m pretty certain that you can find this in the CSS somewhere. Just search for “width”, “padding” and “margin” – it should be something like that.

    Profile photo of Rishel
    rishel
    Member

    @rishel

    Yeah, I tried that earlier. Ugh. Still hoping someone that knows will post in here.

    Profile photo of Rishel
    rishel
    Member

    @rishel

    This statement I found, but when I changed the 960px or 1300px to 100% it did nothing at all.

    body {

    background: #fff;

    font-size: 1.2em;

    color: #555;

    background: url(../images/background.gif) top left repeat-y;

    line-height: 170%;

    min-width: 960px;

    max-width: 1300px;

    margin: 0 auto;

    }

    Profile photo of Rishel
    rishel
    Member

    @rishel

    Hmmm. Still cant find it.

    Profile photo of John Blackbourn
    John Blackbourn
    Participant

    @johnbillion

    In wp-content/themes/buddypress-home/css/base.css remove the max-width attribute from the body (line 37 currently).

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Make BuddyPress Skin Go Edge To Edge?’ is closed to new replies.