Archived

This topic is now archived and is closed to further replies.

  • 0

remove padding around boxes

Question

Posted · Report post

I want to remove the padding between my blue boxes and I have been using firebug to see what the code is, and I can't for the life of me see how to remove the bottom padding.

<div class="pprow grid-row fix"> seems to be the culprit but put created two css styles .pprow and .grid-row both with no padding and it didn't work

post-12214-0-89471900-1364296346_thumb.j

Share this post


Link to post
Share on other sites

13 answers to this question

Posted · Report post

Hi,

 

All boxes have a margin-bottom 12px, which can be found in the:

 

http://cl.ly/image/0v0201122U0k

 

The highlighted div is the one you will need to override, by removing the 12px to 0px

 

However, if you target the div above and add your background styling to that class, there is no need to remove the margin bottom

 

http://d.pr/i/7npB

Share this post


Link to post
Share on other sites

Posted · Report post

that's great danny did that and it worked. Couldn't see that nested div in firebug

Would you mind if I asked how to remove the padding between the box set 1(2x text box only) and box set 2 (3ximage and text)

Share this post


Link to post
Share on other sites

Posted · Report post

Not sure what you mean, are they not all the same boxset ?

Share this post


Link to post
Share on other sites

Posted · Report post

no I have two boxsets on this page

boxset 1 - is the first two boxes, with content only.

boxset 2- 3 blue content & thumbnail boxes.

 

there is white space between the two sets

Share this post


Link to post
Share on other sites

Posted · Report post

tried to attach a screen grab and locate the attachment option

Share this post


Link to post
Share on other sites

Posted · Report post

Can you provide a link to the site in question please.

Share this post


Link to post
Share on other sites

Posted · Report post

i have maintainance mode on, so you can't see the live page, I could give you access to the site

Share this post


Link to post
Share on other sites

Posted · Report post

I recommend you inspect the first box set code, as there is padding-bottom:5px, override this with custom CSS.

 

Then you will need to inspect the second boxes section and remove the 15px top padding, this will remove the gap/space.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Danny,

REally appreciate your assistance, the 15px top padding I use firebug and cannot see what css style is applying this.

Share this post


Link to post
Share on other sites

Posted · Report post

i can see the padding when I hover over the second set, but when I firebug it I  see this

<section id="boxes" class="copy clone_4 section-boxes">

So would the padding be on clone_4 section-boxes ?

Share this post


Link to post
Share on other sites

Posted · Report post

Could you provide a link to your site and if not then credentials to your site as an admin so that we can see past the Maintenance mode screen in order to inspect the elements and advise?

Share this post


Link to post
Share on other sites

Posted · Report post

hi martin.

Just as I sent that to you, I resolved it myself.

Thanks

Share this post


Link to post
Share on other sites