As the title says I would like to remove the gap between the content area and the footer on my home page.
I thought I had a solution when I added:
.homepagelayout {
padding-bottom: 0px !important;
}
to Custom CSS and then applied that class to the bottom row in my home page. This about halved the gap. As you can see in the url the teal colored test image should touch the footer on the bottom. I am clearly missing some padding somewhere but I cant seem to find it. Any ideas would be welcome.
thanks.
Hi calin
Super close, it’s most likely going to be:
.home #main { padding-bottom: 0; }Hope that helps.
Cool, That works in conjunction with what I had to do it. Thanks.
Follow up question: If you look back at the same page now you will see 3 text boxes. Those are defined blocks at a specific size, when you hover the background will change. As you may notice they seem to be overlapping the row above and the footer by exactly 1 pixel. I want the box to be flush tot he top and bottom.
Any ideas?
Sure. Try changing this selector as follows:
.no-top-padding .textwidget a { margin: 0 auto; margin-bottom: -13px; }Of course. Im an idiot.
works perfect, Thanks.
-Calin
Not at all, had to dig around a little to find that. Glad it helped :)