Adjust the size of a spacer block

I'm stumped on this. I want to use the spacer blocks that are included on the website, but I have no idea how to get custom CSS to affect it. Here is the Element I am trying to affect

<div class="sqs-block spacer-block sqs-block-spacer" data-aspect-ratio="2.08955223880597" data-block-type="21" id="block-yui_3_10_1_1_1398457714933_10509"><div class="sqs-block-content sqs-intrinsic" id="yui_3_10_1_1_1398459846313_416" style="padding-bottom: 2.08955223880597%;"> </div></div>

I need to override the padding that is set by "sqs-block" in "site.css". I want it to just affect the spacer elements on my site and not every block if possible.

Does this even make sense??

I'm in the same boat. Anyone out there to address this / help out?

You can adjust the top and bottom padding (not margin) on .spacer-block or .sqs-block-spacer respectively.

So for example, to reduce their height, add this to the Custom CSS:

.spacer-block { padding: 0 }

@szs

is it going to change the height of ALL of the spacer blocks on the website ?

how can I change them individually ?

thank you :)

@szs

is it going to change the height of ALL of the spacer blocks on the website ?

how can I change them individually ?

thank you :)

@szs - thanks for this code, but I don't see any difference in size of the spacers. Is there something that needs to be changed with the vsize-1 which appears to be the default setting?

You can now resize a Spacer Block, check out this guide for more information.