Jump to content


Photo
- - - - -

Remove padding on content box (and other sections)


Best Answer James B , 01 July 2013 - 11:58 PM

To remove completely check the margin-bottom in the .hentry class, it's currently set at 1.8em which is what's leaving the gap.

Go to the full post


  • Please log in to reply
11 replies to this topic

#1 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 25 June 2013 - 02:40 PM

I would like to remove the space between my content box and the Carousel section on my website.  I used Firebug to locate but I cannot for the life of me figure out what custom CSS to implement to make sure this happens on each page.  Ultimately I would like to remove the padding from the content box so regardless of what section follows, the gap is removed.

 

Here is the page where I am referring to this problem:

Please Login or Register to see this Hidden Content

 

qskzuf.jpg



#2 Martin Davies

Martin Davies

    Advocate

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

Posted 25 June 2013 - 03:02 PM

Hello Chan08 - what have you tried? 



#3 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 25 June 2013 - 03:22 PM

I'll be honest, I think I located the element being .hentry or something of the sort but have not been able to figure out what to put in the custom CSS...



#4 Martin Davies

Martin Davies

    Advocate

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

Posted 25 June 2013 - 03:39 PM

I recommend using Firebug or your browsers built-in web dev tools and inspect the  sections to find the correct code. With Firebug you can do this 'on the fly' so you can see what works and what doesn't 

 

For assistance visit our custom CSS documentation - 

Please Login or Register to see this Hidden Content



#5 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 25 June 2013 - 04:10 PM

That's what I used and that is how I figured out .hentry padding set to 0px does what I need but I am unsure of the full code to input in the custom CSS...



#6 Martin Davies

Martin Davies

    Advocate

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

Posted 25 June 2013 - 04:15 PM

Give it a try and let us know how you get on. If you can show us what you tried we can take a look and see how you got on and suggest alternatives. 

 

if you are unsure about CSS try the resources here 

Please Login or Register to see this Hidden Content

 

There are a growing number of online courses teaching web programming in the comfort of your browser. We highly recommend signing up and take advantage of these services which offer training, video lessons, coding challenges, and screencasts.



#7 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 28 June 2013 - 03:13 PM

Here is what I have so far.  It's getting closer but I need the gap to be even smaller.  I am looking to reduce the space between the two to be around 15px-ish

 

I guess my problem is that I cannot figure out what padding is effecting all this.  Take a look at my attached pic and you'll see what I have.

 

29x0rd.jpg



#8 James B

James B

    Advocate

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

Posted 28 June 2013 - 09:06 PM

Hi there,

 

Have you managed to resolve this since, when i look at your site i see -

Please Login or Register to see this Hidden Content



#9 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 01 July 2013 - 09:47 PM

I think it looks better now.  Thanks!

 

Perhaps it's the spacing between sections I need to focus on because it's hard to remove the gap completely.



#10 James B

James B

    Advocate

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

Posted 01 July 2013 - 11:58 PM   Best Answer

To remove completely check the margin-bottom in the .hentry class, it's currently set at 1.8em which is what's leaving the gap.



#11 chan08

chan08

    Advanced Member

  • Members
  • 37 posts

Posted 02 July 2013 - 02:11 PM

Perfect!  I ended up adding this:

Please Login or Register to see this Hidden Content

I think that is perfect for me.  I didn't necessarily want them butted up to each other and this is right on the money.  Thanks!



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 03 July 2013 - 02:10 AM

Great!