Unequal spaces between blocks

Hello to everyone,

I find it across the whole template. Is it possible to make vertical spaces between rows of blocks equal?

Everytime I add a row of blocks, the top one is appearing differently from all the others.

Can you please help me on this?

Can you share your website URL and this page?

Add this code in custom css:

div#yui_3_17_2_1_1704734476953_72 {
    padding: 1rem 0;
}

Yes, of course @Ziggy

https://www.musaparadisiaca.net/projects

Have you got any custom CSS of code injected into the website?

This seems to be the problem, the first blocks have their padding top/bottom removed:

.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child:last-child {
    padding-bottom: 0;
}
.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
    padding-top: 0;
}

I do have @Ziggy, all over. 

CUSTOM CSS:

a#site-title {
    font-family: BioRhyme Expanded!important;
  font-style: italic!important;
}

a:link {text-decoration:none!important;}

a:visited {text-decoration:none!important;}

a:hover {color:white !important;}

a:active {text-decoration:underline!important;}

.header#header {position: fixed!important;
  background-color: transparent!important}

/* Change Line Color */
.sqs-block-horizontalrule hr {
background: #c0c0c0!important;
}

.btn:first-of-type
{display: none!important}

.btn:nth-child(2)
{margin-left: 35px!important}

.btn:hover {
color: black!important;
background-color: white!important;
transition: 0.2s!important;
text-decoration: none!important}
 

CODE INJECTION:

Varies across the website.

Here is an example on that specific page: https://www.musaparadisiaca.net/projects

<style> body
{background-color: #E6E6E6;}
#canvas {background-color: #E6E6E6;} 
</style>

<style>
#header .header-nav-item:nth-child(1) {display:none}
#header .header-nav-item:nth-child(2) {display:none}
#header .header-nav-item:nth-child(3) {display:none}
#header .header-nav-item:nth-child(4) {display:none}
#header .header-nav-item:nth-child(5) {display:none}     
@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(1) {display:none}}
@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(2) {display:none}}
@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(3) {display:none}}
@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(4) {display:none}}
@media screen and (max-width:1511px){#header .header-menu-nav-item:nth-child(5) {display:none}}  
</style>

<script>
  $( ( ) => {
    /*
      add buttons to header
      SS Version : 7.1
      */
    let buttonsNewData = [
      {
        buttonText : 'PT',
        url : 'https://www.musaparadisiaca.net/projectos'   
        }    
      ]
    
    // do not change anything below, there be the borg here
    
    $( '.header-actions-action--cta, .header-menu-cta' ).each ( function ( ) {
    
      let $this = $( this );
      
      $.each ( buttonsNewData, function ( index, buttonNewData ) {
      
        let $buttonNew = $( '.btn:first', $this )
        
          .clone ( )
          
          .attr ( 'href', buttonNewData.url )
          
          .text ( buttonNewData.buttonText )
          
          .appendTo ( $this );
          
        } );
        
      } );
      
    } );
    
  </script>

Does this problem go away if you temporarily remove the code injection and CSS? After backing it up!

Hi again @Ziggy. Thanks for your reply.

Just did it and didn’t change the behaviour. 

Any clue?

Did you do a proper page refresh after removing the code? or checking in incognito to bypass any cache issue?