Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Reducing white space for code block


SKBV

Question

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

2 answers to this question

Recommended Posts

  • 0
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

Create an account or sign in to comment

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

×
×
  • Create New...