Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.
/* START OF Remove Grey Bar and Whitespace from Footer */
/* Remove grey bar */
footer#footer {
border-top: none;
}
/* Reduce whitespace */
#main-wrapper {
margin-bottom: 0px;
}
/* END OF Remove Grey Bar and Whitespace from Footer */
6 thoughts on “Remove Grey Bar and Whitespace from Footer”
A space is covering in the middle of the webpage bottom and Adsense, how can remove that, please let me know very fast… I am just not able to understand how to remove this space..
HI Thanks Dave, I found the solution from your other page
its very simple coded thanks for your snippet http://www.presscustomizr.com/snippet/remove-header-block-items/
/* Navbar box */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
HI Dave, Am trying to remove the nav bar gray box with shadow without my menu list. So is there any easy way i can do the using CSS.
Cheers.
That did it. Thank you Dave. Sorry it wasn’t tougher.
Thanks for this, Dave. It almost fixes a problem for me. On my full-width Home page, I have nothing between the FP captions and the footer so I’ve been wanting to remove the bottom featurette-divider and close up the white space.
Unfortunately, the Snippet I found to hide the divider line also hides the vertical dividers on on other pages which have sidebars and I want to keep those.
Your “reduce whitespace” Snippet looked like the solution as I could cover the home page divider by setting a bottom margin of -40px. This makes the Home page perfect for me. But it messes up all my sidebar pages as they don’t have the same lower horizontal divider nor the same bottom margins. On those pages my -40px margin-bottom brings the footer up to obscure some of my body text.
I can get around this by adding a couple of empty paragraphs at the end of my body text (I know there must be a better way to add space) but it’s a bit clunky and laborious.
So, in short, can I limit your “reduce whitespace” code so that it applies only to my Home page?
Thanks for your help.
Easy! Make it .home #main-wrapper{}.
You could also limit to:
Posts, using .blog #main-wrapper{}
Pages, using .page #main-wrapper{}
Specific Page, using .page-id-n #main-wrapper{} (you need to determine the unique page id).