Jump to content

Reducing white space for code block

Recommended Posts

Site URL: https://turbot-accordion-apa7.squarespace.com/assortiment/p/tartine-mwjye

I've added a table as code block in the additional information section on a product page. It works, and is right-aligned as I wanted it, but there's an absolutely massive amount of whitespace between the description and the extra information. Is it possible to adjust this whitespace? I assume it's padding from the product picture miniatures.

image.thumb.png.7bc7aed6950bc450f5b918666060b56b.png

 

One possible solution I found was having the table in the description: adding the html code after the normal description by adding it after the description in the CSV and then importing it into Squarespace. This works but is obviously a massive hassle, and I'd prefer not doing that.

 

 

site password is 12345

Link to comment
  • Replies 2
  • Views 1k
  • Created
  • Last Reply
  • 1 month later...
On 4/21/2021 at 11:08 AM, tuanphan said:

Hi. Add to Design > Custom CSS


/* space between product description - table */
section.ProductItem-additional {
    margin-top: 0 !important;
}

 

Thanks! That brought it way closer. Still wasn't quite close enough, so I messed around a bit and figured out that this worked for me:

 

.ProductItem-summary{
     margin-bottom: -20vw;
}

 

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.