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

Adjust the size of a spacer block

Go to solution Solved by paulinavo,


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
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

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
Link to post
This topic is now closed to further replies.

  • Create New...