Jump to content

Image block and padding not aligning.

Recommended Posts

Site URL: https://mustard-sturgeon-9a97.squarespace.com/sag-harbor-1

Hello,

I hope you are well.

I was wondering if someone can figure out why are the images in my section not aligning properly? The white space around the image is not aligning properly. When the browser is bigger in dimensions, the alignment seems to be right but you can still see it not aligning with others.

Can someone help me on this? I want to make sure everything is aligned properly following the grid.

Password to website is : 1234

Screen Shot 2021-02-09 at 2.38.52 PM.png

Screen Shot 2021-02-09 at 2.38.59 PM.png

Link to comment
  • Replies 5
  • Views 545
  • Created
  • Last Reply

In CustomCSS, find this code

.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-left: 0.6vw;
}

change it to 1.2vw

.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-left: 1.2vw;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Add this to Design > Custom CSS

.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-left: 1.2vw !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.