Bradman117 Sep 22, 2017 · 3:12 am #7878 I have been inspecting and I cant find out how to fix the footer on my website. With the Custom CSS on customization.
Here is a couple pictures:
#1 https://app.box.com/s/v7cwm19aq3nhq0h1nvawlf1wjn2sya7t
#2 https://app.box.com/s/r4dwd3dix6hubdchllo4vmv7kdj34wm1
#3 https://app.box.com/s/xk9wd683gwrt22rx5wz00t6svrbnu4il
I’m trying to make it so that the footer is small and thin on the bottom on all the pages like this one
#4 https://app.box.com/s/9kj2sf6d4l2mqjprm3d3dgg95ip1edzs
Thanks!
– Bradman117
Andrew Misplon Puro Sep 22, 2017 · 8:53 am #7879 Thanks for posting Brad.
The footer doesn’t have a lot of padding, the background colour of the site matches the footer background. The footer isn’t sticky. There are two ways to change this behaviour. You can either set a min height for the content container thereby pushing the footer down or you can change the body background colour so it no longer matches the footer background colour.
Insert at Customize > Additional CSS or your own Custom CSS plugin or child theme style.css file.
Option one, adjust as required:
.site-content {
min-height: 800px;
}
Option two:
body {
background: #fff;
}
Bradman117 Sep 22, 2017 · 1:47 pm #7882 Thanks so much it worked!!!
-bradman117
Bradman117 Sep 22, 2017 · 1:53 pm #7883 This isn’t too big of a problem, but when I did either one if those codes it made it so i can scroll down more, is it possible to make it fix on the same screen if there is enough space?
like this, for example, I am scrolled down even when I shouldn’t have to.
https://app.box.com/s/82nk3459rsykceulhdphd1y3b17un424
Andrew Misplon Puro Sep 22, 2017 · 2:19 pm #7885 Hi. This is the option to use:
body {
background: #fff;
}
And not min-height if you want to avoid any unnecessary scrolling. If the content is a lot smaller than the screen size though then there will be some scrolling.