Jump to content
Sign in to follow this  
Denis Ciumbargi

Buddypress Template Lost Space

Recommended Posts

Denis Ciumbargi    3
Denis Ciumbargi

Hey guys!

 

If i may, i would like to ask for your help again :)
 

I am trying to alter my buddypress community page template because i am loosing lots of space: around 50 to 100 pixels from the content section. That space for sure can be used for some content and also looks bad as it leaves too much white space on the page, at least for my taste.

 

This is caused by the padding of each page element. I do not know which one to reduce not to affect the rest of the design to make the other pages, non buddypress related look weird also...
 

Any help how to reduce all that without affecting the overall code of other pages?

post-31546-0-57231300-1356279553_thumb.p


Where there is love, I'll be there.

Share this post


Link to post
Share on other sites
Rob    547
Rob

My first recommendation would be to use Firebug for Firefox or Chrome's Inspection Tool, depending upon your browser preference. This will allow you to see the CSS specifically related to any particular element on your site.  You can copy/paste from there to your Custom Code > CSS Rules area and resolve many issues.

 

I can tell you that the element you're looking for is:

.buddypress-page #content .padder {
    min-height: 500px;
    padding: 25px;
}

I tested it and reducing the padding to 5, and adding margin-right:-10px;  does help considerably.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Denis Ciumbargi    3
Denis Ciumbargi

My first recommendation would be to use Firebug for Firefox or Chrome's Inspection Tool, depending upon your browser preference. This will allow you to see the CSS specifically related to any particular element on your site.  You can copy/paste from there to your Custom Code > CSS Rules area and resolve many issues.

 

I can tell you that the element you're looking for is:

.buddypress-page #content .padder {
    min-height: 500px;
    padding: 25px;
}

I tested it and reducing the padding to 5, and adding margin-right:-10px;  does help considerably.

 

Thank you Rob, indeed, i got back plenty of page space. I need to put the padding to left and right only as it does affect the top alignment with the other elements. On the first look no other pages were affected. Thank you.

I will keep this open as still there are some elements that need to be aligned and i need some more details on them. Thank you again.


Where there is love, I'll be there.

Share this post


Link to post
Share on other sites
Rob    547
Rob

You can always try adding a margin-left:-5px;  to that same snippet.  And of course, you can adjust the numbers I'm giving you too.

 

If you're using Firebug, you can test using padding-left and padding-right.  That would write the specific padding you want into the one, single padding element, leaving the top and bottom as 25px.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Jared Smith
      By Jared Smith+
      I haven't figured out how to get the "Sync Loaded Item" option in templates menu of Platform 5 to stay checked. It doesn't give me an option to save settings when I select it, and when I select it then click off the editor, it unselects. Also if I select it before loading a template, it doesn't stay checked there either.  Whats going on?
    • Queue-it
      By Queue-it+
      Hi,
      I created a Pagelines template for a "Post type" post. Whenever creating a new post page it firstly display that template post and I have to manually change it in the scope from "All of type posts " to "Current page". 
      Is there a way to fix that? 
       
       

    • richardjacruz
      By richardjacruz+
      I'm building a website in a dev environment at http://162.144.182.17/~uescocra.
      I want to import a bunch of products, and then have the products have a different template than the default template. 
      I also want to change the default template for blog posts.
      Before I go making changes, can I do this where the post type of "products" has its own global template, and the same with blog posts?
      For instance, in a product I might want to have a widget for categories, similar products, etc., and in the blog I may want list of the latest posts, blog categories, link to an email sign-up landing page, etc.
      Thanks.
      Rich
    • abuzzelli
      By abuzzelli+
      Is there a shortcode or a way to automatically pull the site name into the footer or elsewhere?
    • seanocaside21
      By seanocaside21+
      An old client of mine has come across an issue with their website. 
      The site is fine on the front end but when you log into the DMS editor the 'About' page template isnt available instead the template for the 'Print Services' page appears
      Here is the live About page http://www.digicom.ie/about/. And see attached file for what i see in the back end.
      In the page settings i can see that the wrong page template is active but I'm not sure how this is the case if the live page is correct. The client assures me they didnt activate the template. 
      Any help at all? 

×