Page 1 of 1

Footer height

Posted: 02 Feb 2022, 03:47
by BigBobbyD
Greetings,

Anyone know how to limit the footer height?  I would prefer that the height is half of the default, although adding to the custom css doesn't seem to work
Code
footer {
     height: 100px;
  
}
Thanks so much

Re: Footer height

Posted: 02 Feb 2022, 23:01
by mjau-mjau
The footer height is a result of the footer's content + padding. To reduce the height of footer, you could therefore reduce the padding. Settings > Custom > Custom CSS, for example:
Code
.footer {
  padding: 2rem 0 .5rem !important;
}
Keep in mind, the above will affect all screen sizes (including mobile). If you want to modify differently across different screen sizes (like done by default in X3), you will need to use media queries to assign differnt padding per screen size.

Re: Footer height

Posted: 02 Feb 2022, 23:32
by BigBobbyD
Awesome!

As Always great support, thanks so much