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.
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.
In wp-content/themes/buddypress-home/css/base.css remove the max-width attribute from the body (line 37 currently).
