Jump to content
Sign in to follow this  
Lisa Haran

remove padding around boxes

Recommended Posts

Lisa Haran+    7
Lisa Haran

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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Lisa Haran+    7
Lisa Haran

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
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Lisa Haran+    7
Lisa Haran

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
Lisa Haran+    7
Lisa Haran

tried to attach a screen grab and locate the attachment option

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Lisa Haran+    7
Lisa Haran

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
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Lisa Haran+    7
Lisa Haran

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
Lisa Haran+    7
Lisa Haran

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
greenfly    230
greenfly

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?


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
Lisa Haran+    7
Lisa Haran

hi martin.

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

Thanks

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  

×