Reducing excess space on the Info Page Template

zeissler · Member · January 4, 2014 at 7:07 pm
Copy link

Add topic to favorites
Hi Ellen,

Is there anyway to reduce the amount of excess space between the widgets on the Info Page Template? Especially down at the very bottom of the page where there is so much excess that it almost looks like a mistake. The page I’m referring to is: http://exploratorius.us/info/

Thank you!

Mitch

The blog I need help with is: (visible only to logged in users)
ellenbauer · Theme Author · January 4, 2014 at 9:19 pm
Copy link
Hi Mitch,

okay, I see what you mean. You could try to add the following code to your custom CSS:
```
.template-info #colophon {padding-top: 0 !important;}
.template-info .site-content .page {margin-bottom: 0 !important;}
```
Best, Ellen
zeissler · Member · January 5, 2014 at 3:09 pm
Copy link
That worked great for the bottom of the page, Ellen! However, is there also a way to reduce the excess spacing between the other widgets higher on the page?

Thanks!
ellenbauer · Theme Author · January 7, 2014 at 3:42 pm
Copy link
Hi Mitch,

you can try the following CSS:

@media screen and (min-width: 1023px) {#widget-container .widget {padding: 0 0 80px;}}

Best, Ellen
zeissler · Member · January 7, 2014 at 3:47 pm
Copy link
Awesome — that looks great! Thank you very much, Ellen, please consider this ticket closed.

Mitch

No items found.