Jump to content

Custom spacing between text columns

Recommended Posts

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)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.