I have 2 issues that relate to a recent plugin that’s made some unwanted changes to my header and footer area’s…
1. I run vantage premium with page builder and on the ‘default page’ setup i now have a 75px body padding (above my menu) that I cant seem to change. My page builder template pages are not affected. I can locate the css code in Chromes ‘inspect element’ (as below) but cant find the code in any css or php files. Any help appreciated. I have tried a custom css body padding line but i can only make the padding longer not shorter. My site page link is https://www.warrenkibblewhite.com/blog
body{
font:14px/20px 'Helvetica', Arial, sans-serif;
margin:0;
padding:75px 0 0 0;
text-align:center;
-webkit-text-size-adjust:none;
} 2. My footer height is varying greatly depending on the length of my page content ie: if i have no content on my page then the footer runs the whole height of the browser…??? an example of this can be seen at
https://www.warrenkibblewhite.com/real-estate-programs/ what I would like is the footer to be just enough height to contain the elements within.
Thanks
Hi Warren62
1. Ok, I see the selector you are referring to. It looks like it’s being overridden by the following:
.body, .blog, .mmm.mega_main_menu-2-0-7, .responsive.layout-full.has-sidebar { font: 14px/20px 'Helvetica', Arial, sans-serif; margin: 0; padding: 0; text-align: center; }The 75px value is being overridden by the zero value above.
The 75px value is being added to the head of each page. I’m not sure which plugin is adding these styles. The style tag unfortunately has no ID.
2. This is expected. Vantage doesn’t have a sticky footer. The body background is the same as the footer background giving the impression of a big footer on pages with little or no content. There are two possible tweaks you can make:
1. Set a minimum height for your content container at Appearance > Custom CSS:
/* Main Container */ #main { min-height: 500px; }Adjust as required.
OR
Change the body background color that appears after the footer to white. That’ll expose the true situation and render a more normal look.
/* Body */ body.layout-full { background-color: #fff; }Thanks Andrew…I’ve finally (luckily) worked it out. It was a mailchimp subscribe widget in my sidebar causing the issues which is why they were related only to default pages with sidebar. By the way, can you have a sidebar with ‘page builder home’ pages??