Page 1 of 1

Footer size

Posted: 04 Feb 2016, 13:51
by MikeR
Hello,

Can you help me (if possible with the css) to reduce the height of the footer (the height between the the top line and the bottom line) ?
Thanks
0230.jpg
0230.jpg (7.11 KiB) Viewed 2627 times

Re: Footer size

Posted: 05 Feb 2016, 01:07
by mjau-mjau
Sure. Keep in mind, there is a reason why these things aren't recommended as you will see in the code. First of all, the height is based on width of the screen/device, and is therefore based on progressive CSS media queries. If you need to change these things, did you take everything (all screen sizes, usability) into consideration like we have already done?
Code
body[class*='topbar'] .footer {
    padding: 4em 0 1.8em;
}
@media only screen and (min-width: 40.063em){
  body[class*='topbar'] .footer {
    padding: 4em 0 3.2em;
  }
}
You should be editing the 4(top), 1.8(bottom) and 3.2(bottom) values. The 2nd media query class is larger padding for larger screens. As you may see, a relatively simple setting, but complex because it's part of a "responsive" website design.

Re: Footer size

Posted: 05 Feb 2016, 05:28
by MikeR
Just perfect
thank you