Jump to content

Thin white line between stacked images without padding

Recommended Posts

Site URL: https://www.jonathankusagaya.com/#/mercedes-amg/

Hello all,

I recently upgraded my account to a Business one so I can mess around with code(which I am new to). My intention is to make my page seem like one long image without any line breaks. After some digging online I was able to successfully remove padding between images and stack  all my images from top to bottom. However, a small thin line still appears between the images where you can see it still breaks. Is there a way to remove this? I saw one potential answer was to put this code:

 

<style>
 .sqs-gallery-block-stacked .image-wrapper {
 margin:0 0 0 0;
 }
</style>

But that didn't seem to work, or I just didn't input the code correctly? 

405389456_ScreenShot2020-10-02at1_20_57PM.thumb.png.00ab2fbdc20f096bcafaf69ddb4d035a.png

Link to comment
  • Replies 1
  • Created
  • Last Reply

It appears to me that the problem is not a CSS issue but with the images themselves.

From what I can see the images at the tops and bottoms have a gradient. That can't be removed with CSS. The images would need to be edited and uploaded again.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

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.