Padding between image blocks

Site URL: https://www.tribeandsol.com

Hi, 

I want to decrease the space between the images on my homepage so that they're closer together can anyone help?

2 hours ago, MoonMama said:

Site URL: https://www.tribeandsol.com

Hi, 

I want to decrease the space between the images on my homepage so that they're closer together can anyone help?

You can try adding to Home > Design > Custom Css

section[data-section-id="617cd72fcd9056094e9801e9"] .col > .sqs-block.image-block {
  padding: 8px;
}

Let me know how it works

Support me by pressing 👍 if this useful for you

My testing result

Hi, 

Yes it worked perfectly on desktop! On mobile it didn't work it leaves a big space in every other photo. 

7 hours ago, MoonMama said:

Hi, 

Yes it worked perfectly on desktop! On mobile it didn't work it leaves a big space in every other photo. 

 

 

You can try this for the mobile breakpoint

@media only screen and (max-width: 767px) {
  .sqs-layout .sqs-row .sqs-block:first-child {
    padding-top: 3px !important;
  }
  .sqs-layout .sqs-row .sqs-block:last-child {
    padding-bottom: 3px !important;
  }
}

The testing result after applying above code

THANK YOU!!!