Skip to:
Content
Pages
Categories
Search
Top
Bottom

Make BuddyPress Skin Go Edge To Edge?

  • 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)
  • Anyone know?


    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;

    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.

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


    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.

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

    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;

    }

    Hmmm. Still cant find it.


    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.
Skip to toolbar