Jump to content

Custom spacing between text columns

Recommended Posts

  • Replies 2
  • Views 464
  • Created
  • Last Reply
Posted
26 minutes ago, hannahpellatt said:

Site URL: https://pentagon-snail.squarespace.com

Can anyone help me with adding custom padding between these two columns? The Squarespace default spacer option is too large.

Site URL is https://pentagon-snail.squarespace.com (it's unpublished)
Password: kerri2021

Screenshot 2021-11-29 at 20.30.39.png

Is it the result you want to achieve?

image.thumb.png.fdd0d74cfc90dbdb97b2b25fa38473de.png

You can try adding to Home > Design > Custom Css

section[data-section-id="61a53557cecad912605c654d"] {
  /*change the value to increase more padding*/
  --padding: 0px;
}

#block-0f171667494385535c28 {
  padding-right: var(--padding);
}

#block-yui_3_17_2_1_1638216628605_18278 {
  padding-left: var(--padding);
}

You can change the value in --padding variable until it meets your requirement

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - PDF Lightbox popup - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> No-code customisations for Squarespace

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.