Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 2
Sign in to follow this  

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??

Edited by Testing2134

Share this post

Link to post

6 answers to this question

Recommended Posts

  • 4

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 }

Edited by szs

Share this post

Link to post
  • 0

@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?

Share this post

Link to post
This topic is now closed to further replies.
Sign in to follow this  

  • Create New...