Vantage unfortunately doesn’t offer a sticky footer. There are two methods you could use to adjust the layout in this regard:
1. Set a minimum height for the content container to push the footer down. Insert the following at Appearance > Custom CSS:
/* Main Container */
#main {
min-height: 500px;
}
Adjust the 500px value as required.
OR
2. The footer isn’t actually big, the site background color is the same color as the footer background. To revert Vantage back to a standard background color, try the following at Appearance > Custom CSS:
It looks like you’ve gone with option two. Vantage doesn’t have a sticky footer so there is unfortunately no way to remove the white space below the footer. Let’s recap quickly:
* The original situation was that the body background color was the same as the footer background color. That’s why you didn’t see any white below the footer.
* You can use option one, that’ll push the footer down by setting a minimum height for the content container.
* OR you can use option two which it looks like you used. That removes the background color from the body.
Hope this makes a little more sense now.
Replies on this thread are closed. Please create a new thread if you have a question,
or purchase a SiteOrigin Premium license if you need one-on-one email support.
Get The Most Out of SiteOrigin with SiteOrigin Premium
Hi Reza
Thanks for reaching out.
Vantage unfortunately doesn’t offer a sticky footer. There are two methods you could use to adjust the layout in this regard:
1. Set a minimum height for the content container to push the footer down. Insert the following at Appearance > Custom CSS:
Adjust the 500px value as required.
OR
2. The footer isn’t actually big, the site background color is the same color as the footer background. To revert Vantage back to a standard background color, try the following at Appearance > Custom CSS:
The second color value is the background color of your footer.
Let us know how you do.
Hi Andrew,
The footer is much better now ,thanks!
how can i get rid of the white space below the footer?
reza
This is a private message.
Hi Reza
It looks like you’ve gone with option two. Vantage doesn’t have a sticky footer so there is unfortunately no way to remove the white space below the footer. Let’s recap quickly:
* The original situation was that the body background color was the same as the footer background color. That’s why you didn’t see any white below the footer.
* You can use option one, that’ll push the footer down by setting a minimum height for the content container.
* OR you can use option two which it looks like you used. That removes the background color from the body.
Hope this makes a little more sense now.