Jump to content
Sign in to follow this  
chan08

Boxes Section: Remove Spacing/Padding Between Boxes

Recommended Posts

chan08    0
chan08

Please visit my homepage currently (Work in progress): http://asiwearables.com/

 

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:

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

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 - http://support.pagelines.me/docs/customization/custom-css/ 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
chan08    0
chan08

That's the quick answer.  Thanks.

 

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

Share this post


Link to post
Share on other sites
James B    436
James B

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 - http://screencast.com/t/LBufQyOsxkqm


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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  

×