Update 10/24/2019:
Add this via the CSS Editor, save and refresh:
/* Add this first bit to get more flexibility in height. */
.sqs-layout.sqs-editing .sqs-block, .sqs-block-spacer-content {
min-height: 0px !important;
}
.sqs-block-spacer .sqs-block-content {
height: 0;
}
/* Add this second bit too if you want to be able to go to zero. */
.sqs-block-spacer {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
If a response helped you out, show some love by 'Like' (bottom-right) and/or 'Upvote' (top-left).
Note that the minimum width of a spacer block isn't dictated by the block, but by Squarespace's grid system. It's not an issue with the spacer block, but it's the minimum width of any block on Squarespace (technically, it's the minimum width of columns). Messing with grid column width requires a case-by-case evaluation and code-writing.
Original Answer:
Hi @joshuar87.
I've run into this in the past as well. The minimum height of the spacer block can seem too high for some instances.
The minimum height seems to be based on a combination of your templates default 'line-height' property, the default top/bottom gutter height (17px), and an arbitrary minimum padding set by the SS system. Finally, a min-height rule limits the spacer block when dragging it up and down in LayoutEngine.
It is possible to override these values by inserting the following CSS into the CSS Editor. Save, then refresh the page.
/*Remove minimum spacer-block height*/
.spacer-block {
padding-top: 0;
padding-bottom: 0 !important;
}
.spacer-block .sqs-block-content {
line-height: 0.0em;
}
.sqs-layout.sqs-editing .spacer-block {
min-height: 0;
}
/*End remove spacer-block height*/
Keep in mind that if Squarespace changes their code, this kind of CSS can stop working at any time.
Let me know how this works for you.
-Brandon
I would like to add a logo wall that is present on every page in the footer, but it doesn't seem to let me add a gallery carousel into the footer in 7.1...
Any suggestions?
Thanks in advance!
Hi Caroline, I wasn't able to add a Gallery section to the footer. My workaround was to use 6 image blocks in one row. Then I used some CSS to make sure that the logo images appeared in two columns on mobile instead of one column. Attached are screenshots of the final result.
My main issue with this solution is that it wouldn't allow me to have 5 logo images at the same size. For some reason, it makes one logo image larger than the others. Thus, I decided to go with 6 logos. I'm sure I could add some CSS to fix this issue if necessary.
It would be much easier if we could access the Gallery sections in the footer.
Attached are screenshots of my workaround by using image blocks and custom CSS for mobile display. I wasn't able to access the Gallery section in the footer section (last screenshot shows what's available).
caroline.leonard got a reaction from TimothyMal in Can you add a gallery carousel in the footer of 7.1?
