Something that comes up a bit is how to reduce the size of the Vantage Footer. Vantage, unfortunately, doesn’t offer a sticky footer. On pages with little or no content, the footer appears to be large. What’s actually happening is the site background color is set to match the footer background color. If this look isn’t for you then you might consider these two options:
1. Set a minimum height for the main content container
By setting a minimum height for the main content container, we’ll ensure the footer is pushed down on pages with little or no content. To give it a try, add the following to Appearance > Custom CSS:
/* Main Container */
#main {
min-height: 500px;
}
If you’re using Vantage Free please install and activate https://wordpress.org/plugins/simple-custom-css/ to get access to Custom CSS.
2. Change the body background color to NOT match the footer background color
On pages with little or no content the footer isn’t large, the site background color is matched to the footer. To remove this feature, add the following to Appearance > Custom CSS:
/* Body */
body.layout-full {
background-color: #fcfcfc;
}
Change the color value above to your preferred body background color.
What this will do is reveal the true size of the footer. Below the footer you’ll see the body background color. This is a standard setup. Non-sticky footer with a regular background color.
If you have any questions on this topic, please feel free to post below.