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 (7.11 KiB) Viewed 2625 times
X3Photo Gallery Forums
X3 Photo Gallery Support Forums
Footer size3 posts
Footer size
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
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
Re: Footer size
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?
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.
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;
}
}