[bradarichardson]

Does anyone know the best way to reduce the white space between the bottom of each page and the footer. (http://www.littlestbookshelf.com/about/) You can see from the link that the last line of text is followed by a large white space.

I’m also interested in squeezing together the logo, tagline and navigation menu. If anyone knows how to eliminate some of this white space across the entire website, it would be very helpful.

Thank you for your time with this matter.

Brad

[serkan]

Hi Brad,
Comment area is leaving a huge white space. You should disable the comment area when you editing the page. There is second option. This custom css code will hide all the comments area.
.comments-area { display: none; }
But I would recommend you to choose first option.

I hope these custom css codes can solve your issue.

h1.site-title { line-height: 0; margin-bottom: 0; }
h1.site-title a { border-bottom: 0; }
h2.site-description { margin-top: 0; }

Thanks

[bradarichardson]

I tried not allowing comments on the pages and the white space is still there. I also tried the css code but it didn’t change the spacing at the bottom. This is what my Custom CSS field looks like.

.site-header { padding-bottom: 0; }
.home .entry-content img { margin-top: 0; }
.home .entry-content p { margin-top: 0; }
.home .page .entry-content { padding-top: 0; }

.site-description { font-size: 0.9em; }

@media screen and (min-width: 767px) {
.site-header .row {
position: relative;
}

.site-header .textwidget {
position: absolute;
top: 0;
}

.site-header #searchform {
position: absolute;
top: 0;
right: 0;
}
}

.page > .entry-header > .entry-title { display: none; }

.comments-area { display: none; }

[bradarichardson]

Also the formatting on the logo, menu and tagline vanishes on the about page but reemerges on the other pages.

http://www.littlestbookshelf.com/about/

[serkan]

You have unnecessary bracket in your custom box, so its messing everything. Check your codes again please..

.site-header { padding-bottom: 0; }
.home .entry-content img { margin-top: 0; }
.home .entry-content p { margin-top: 0; }
.home .page .entry-content { padding-top: 0; }
.site-description { font-size: 0.9em; }
@media screen and (min-width: 767px) { .site-header .row { position: relative; } }
.site-header .textwidget { position: absolute; top: 0; }
.site-header #searchform { position: absolute; top: 0; right: 0; }
.page > .entry-header > .entry-title { display: none; }
.comments-area { display: none; }

[bradarichardson]

I copied the CCS codes you provided and the white space is still there. I’ve been putting the code directly into the “Customer CCS” field in the “Theme Options” menu. This is what I’ve got copied into the field.

.site-header { padding-bottom: 0; }
.home .entry-content img { margin-top: 0; }
.home .entry-content p { margin-top: 0; }
.home .page .entry-content { padding-top: 0; }
.site-description { font-size: 0.9em; }
@media screen and (min-width: 767px) { .site-header .row { position: relative; } }
.site-header .textwidget { position: absolute; top: 0; }
.site-header #searchform { position: absolute; top: 0; right: 0; }
.page > .entry-header > .entry-title { display: none; }
.comments-area { display: none; }

[serkan]

Hi Brad,
Please add this custom css code as well.
.middle { padding-bottom: 0; }
Thanks

[bradarichardson]

Thank you, that seemed to fix the gap between the footer and the text. I’m still working on bringing the menu, tagline and logo a little closer together.

[serkan]

I gave you the codes above but you didn’t try it =) I am pasting it again.

h1.site-title { line-height: 0; margin-bottom: 0; }
h1.site-title a { border-bottom: 0; }
h2.site-description { margin-top: 0; }

[bradarichardson]

I’m sorry :) I had the code in there but must have taken it out when I was working with the footer spacing. It all looks great now! Thank you so much! The support you provide is excellent!

[bradarichardson]

Will I still be able to display comments on posts with the CCS code:

.comments-area { display: none; }

I’d like for them to show up on posts, just not pages.

[serkan]

Hi Brad,
Use that custom css code like this =)

.page .comments-area { display: none; }

Thanks

[bradarichardson]

Looks good!

[serkan]

Please don’t forget to rate the theme on themeforest if you liked it, thanks.