Jump to content


Photo
- - - - -

remove padding around boxes


Best Answer brenb , 26 March 2013 - 03:02 PM

Hi Martin

Apologies for the delay.

login are

http://www.moregrass...nd.com/wp-login
Username:admin
Password:seed2013

 

pgae in question is http://www.moregrass...grass-mixtures/

I want NO padding at above or below boxset moregrass mixtures 1

Go to the full post


  • Please log in to reply
13 replies to this topic

#1 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 11:12 AM

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

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16392 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 March 2013 - 11:20 AM

Hi,

 

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

 

Please Login or Register to see this Hidden Content

 

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

 

Please Login or Register to see this Hidden Content



#3 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 11:34 AM

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)



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16392 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 March 2013 - 11:45 AM

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



#5 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 11:51 AM

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



#6 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 11:52 AM

tried to attach a screen grab and locate the attachment option



#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 16392 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 March 2013 - 11:58 AM

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



#8 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 12:00 PM

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



#9 Danny

Danny

    Is Awesome!

  • Moderators
  • 16392 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 March 2013 - 12:17 PM

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.



#10 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 01:03 PM

Hi Danny,

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



#11 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 01:05 PM

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 ?



#12 greenfly

greenfly

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 26 March 2013 - 01:46 PM

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?



#13 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 03:02 PM   Best Answer

Hi Martin

Apologies for the delay.

login are

Please Login or Register to see this Hidden Content


Username:admin
Password:seed2013

 

pgae in question is

Please Login or Register to see this Hidden Content

I want NO padding at above or below boxset moregrass mixtures 1



#14 brenb

brenb

    Advocate

  • Members

  • 308 posts
  • Country: Country Flag

Posted 26 March 2013 - 03:05 PM

hi martin.

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

Thanks