How to remove white area at the bottom of a post page

This is a common issue that happens when you try and use the DIVI builder on a post page and you end up with a white area between the bottom of your content and your lowest footer.

To remove this area copy and paste this code into your “Additional CSS” under Appearance >> Customise section of your WordPress CMS.

/*—–Fixing bottom blog white space issue—–*/
margin-bottom: -25px !important;
.single .post {
padding-bottom: 0px;
@media only screen and ( max-width: 980px) {
.single .post {
padding-bottom: 20px;

Please note: does not hold any liability whatsoever for use of information or instructions given on the Blog & How To pages. It is strongly recommended that you backup your entire website and database before you make any significant changes to the structure of how your website operates.


Submit a Comment

Your email address will not be published. Required fields are marked *


Pin It on Pinterest