Jump to content


Photo
- - - - -

Boxes Section: Remove Spacing/Padding Between Boxes


  • Please log in to reply
3 replies to this topic

#1 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 13 June 2013 - 02:59 PM

Please visit my homepage currently (Work in progress):

Please Login or Register to see this Hidden Content

 

I have the fixed nav up top, then quickslider and then two sections of boxes.  Right now the boxes are spaced out and would like to have them centered and no spacing between them.  I would like no spacing on top/bottom or left/right.

 

I searched the forum for previous answers but I found it a little difficult to decipher the solutions from all the talking going on.  I figured I'd try to post my own and show exactly what my situation looks like and the look I am shooting for.

Thanks! :thumbsu:



#2 Martin Davies

Martin Davies

    Advocate

  • Moderators
  • 2454 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 13 June 2013 - 06:38 PM

To change the spacing of the boxes will require custom CSS. Therefore, I recommend using Firebug or your browsers built-in web dev tools and inspect the sections to find the correct code.

 

For assistance visit our custom CSS documentation - 

Please Login or Register to see this Hidden Content

 



#3 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 13 June 2013 - 06:54 PM

That's the quick answer.  Thanks.

 

Has anyone personally performed this can could provide the CSS to do such a change?



#4 James B

James B

    Advocate

  • Moderators
  • 4979 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 13 June 2013 - 10:45 PM

Hi there,

 

If you look in the firebug inspector you'll see each element has a margin of 2% on the class .pp5. If you change that to 0 then they'll display next to each other. Like this example -

Please Login or Register to see this Hidden Content