Issue
I’m having issues with an empty container at the end of my WordPress posts body. I know what cause the problem and I tried to fix it but it somehow affects footer bottom padding too.
Here is the link: https://oskvana.com/products/ansi-valves/class-300-bronze-globe-valve-with-npt-threaded-end-union-bonnet/
This is the code which causes the problem: .main-container .row-container .double-bottom-padding { padding-bottom: 72px; }
Here what you see before I change the CSS code
and when I change to this: .main-container .row-container .double-bottom-padding { padding-bottom: 0px; }
It fixes the problem but removes the bottom padding of the footer too.
Here shows how
How can I fix this issue?
Solution
Hessam
It looks like your issue is this class
".double-bottom-padding" included in your declaration:
.main-container .row-container .double-bottom-padding { padding-bottom: 72px; }
This class adds padding for the footer. If you’d like to remove the padding from ".main-container" but not ".double-bottom-padding", either remove ".main-container" from the above declaration or write an additional statement in your css
.double-bottom-padding { padding-bottom:72px }
Answered By – Chris Rock
This Answer collected from stackoverflow, is licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0