Remove padding on content box (and other sections)
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:
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...
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 -
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...
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
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.
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.
Posted 28 June 2013 - 09:06 PM
Have you managed to resolve this since, when i look at your site i see -
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.
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.
Posted 02 July 2013 - 02:11 PM
Perfect! I ended up adding this:
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!