Jump to content

Mystery image block spacing after removing margins and padding

Recommended Posts

After reducing the padding and margins around my image blocks through coding, I am still left with a horizontal white spacing between some lines. These spaces show up even more when the page is viewed on a mobile, they seems to appear when images that I have placed in a row on my desktop get broken up and presented below one another on mobile. 

In the attached image its the thicker spacing. My template is Nueva.

This is the page's custom coding:

<style> 
  .sqs-block  {
   margin-left: -15px !important;
   margin-right: -15px !important;
   margin-top: -15px !important;
   margin-bottom: -15px !important;
  }

</style>

I have no idea what this spacing is or how to remove it and I have spent so long trying to work it out! Please help !

 

image.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.