How do I get rid of the white space below the footer in WordPress?

How do I get rid of the white space at the bottom of my WordPress page?

Removing blank space

1Go to the page where you have the blank space. 2Click on the pencil icon first in the Page Section shortcode of the page and set these options: Set Padding Top to 0. Set Padding Bottom to 0.

How do I get rid of the white space below the footer?

There are three solutions to this problem

In all of the following examples I’ve just a extremely basic HTML-template by only using three divs: header, content and footer. All the options are minified but should work fine on more advanced websites. Set for both the body and footer the same background-color.

Solution was to go to footer page and click edit with elementor and then click all sections in my footer and in layout under edit section find the option called overflow and then from drop down select as hidden repeat for all sections in footer and click update after done.

IT IS INTERESTING:  How do I add shipping fees in WooCommerce?

How do I get rid of the white space at the bottom of the page?

If you’re stuck with a mysterious blank space at the bottom of your site, here are 3 steps to fixing it, forever.

  1. Reset CSS. Use a CSS reset like the one attached here, or grab yourself the HTML5 Boilerplate, which offers an excellent CSS reset. …
  2. Correct CSS. …
  3. White space at the end of the html document.

How do I remove space between header and slider in WordPress?

2 Answers

  1. Your header has a margin-bottom of 0.631em in line 585 of your stylesheet. Remove that or set it to 0 and some white space will disappear.
  2. The article post-33 has an empty header with an empty headline h1 inside, which sits right above the slider.


The white space was being caused by the excaping text margns. There are several ways of preventing that from happening. One is to add a border or some padding (1px is enough) to the top and bottom of the container to keep the text margin from escaping. Another way is to add {overflow:hidden} to the container.

This is because you don’t have enough content on the page to push the footer down past the height of the screen resolution. If you add more content into a page it’ll force it down and decrease the white space. Which should work across the site.

If a gap still appears below the footer area of your site then the gap is likely only visible when using a screen size that is larger than the site length. It appears because your site’s content is shorter than the viewport height.

IT IS INTERESTING:  What does PA duplicate mean in WordPress?

How do I remove white space in CSS?

The whitespace between the elements is only put there by the HTML editor for visual formatting purposes. You can use jQuery to remove the whitespace: $(“div#MyImages”). each(function () { var div = $(this); var children= div.

Why is there extra space at the bottom of the page?

The Margins tab of the Page Setup dialog box. … This is where you set your bottom margin for the page. If the Bottom setting is 1 inch, then Word makes sure that nothing in the body of your text extends into the one-inch of space at the bottom of the printed page. Now display the Layout tab of the dialog box.

How do I get rid of white space in CSS?

Yup. margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; It centers block level elements with defined width.

Best WordPress Themes