Product Page Padding

Hi, I have some questions around padding for version 7.1:

1. How do I reduce the space between the site header and my product?
2. How do I reduce the space between Quantity and Add to cart?
3. I'd also like to move up the drop downs I created of 'ingredients' and 'instructions' under product additional information to be in line with the product description instead of having it distinctly below. 

Thank you so much for the help! 

Hi. Can you share link to product? We can check easier

Following, How do I reduce the space between the product description and the 

Additional Information text more ( I've added a drop down accordion but the space between the product description and the additional information accordion is quiet large making it feel disjointed 

4 hours ago, christina_marie_333 said:

Following, How do I reduce the space between the product description and the 

Additional Information text more ( I've added a drop down accordion but the space between the product description and the additional information accordion is quiet large making it feel disjointed 

If you share link to a product, we can help easier

I'm having the same issue as the others regarding the HUGE amount of padding between the page header and the product image on the product pages. I also found a site that doesn't use Squarespace with a much, much better layout. 

Most importantly, I desperately need to adjust that padding.
Secondly, if possible I'd love to have additional coding help to get my pages looking more similar to the one I discovered.

I have no coding experience but I'm quite good at the site design aspect - including working with Fluid Engine (which I love!)

Is there anyone who can assist me on this? Or, can someone recommend a coding specialist to hire?

Any advise, instructions or otherwise would be greatly appreciated!
My site: www.thesearanchcollection.com

Site URL: https://www.thesearanchcollection.com/swoosh/p/radiance

I need to adjust the HUGE amount of padding between the page header and the product image on the product pages.
I also found a site that doesn't use Squarespace with a much, much better layout. 

Most importantly, I desperately need to adjust that padding.
Secondly, if possible I'd love to have additional coding help to get my pages looking more similar to the one I discovered.

I have no coding experience but I'm quite good at the site design aspect - including working with Fluid Engine (which I love!)

Is there anyone who can assist me on this? Or, can someone recommend a coding specialist to hire?

Any advise, instructions or otherwise would be greatly appreciated!
My site: www.thesearanchcollection.com

On 8/20/2022 at 4:11 AM, kerrym said:

Site URL: https://www.thesearanchcollection.com/swoosh/p/radiance

I need to adjust the HUGE amount of padding between the page header and the product image on the product pages.
I also found a site that doesn't use Squarespace with a much, much better layout. 

Most importantly, I desperately need to adjust that padding.
Secondly, if possible I'd love to have additional coding help to get my pages looking more similar to the one I discovered.

I have no coding experience but I'm quite good at the site design aspect - including working with Fluid Engine (which I love!)

Is there anyone who can assist me on this? Or, can someone recommend a coding specialist to hire?

Any advise, instructions or otherwise would be greatly appreciated!
My site: www.thesearanchcollection.com

#1. Add to Design > Custom CSS

/* space page header image */
nav.ProductItem-nav {
    display: none;
}
section#pdp {
    padding-top: 10px;
}

#2. You mean

• Left: image with small thumbnails
• Right: Variant dropdown side by side, 2 text under quantity, a text under add to cart, accordion under add to cart

Is this right?

Thank you so much Tuanphan!

Regarding #1 / I'll try to insert the code you provided!

Regarding #2 / I only need one drop down menu since I don't offer framing for my pieces. But yes, otherwise I'd love to have mine as close as possible to the screenshot of the Carly Tabak site - especially the compact (i.e. little padding overall) design.

On 8/20/2022 at 7:07 PM, tuanphan said:

#1. Add to Design > Custom CSS

/* space page header image */
nav.ProductItem-nav {
    display: none;
}
section#pdp {
    padding-top: 10px;
}

#2. You mean

• Left: image with small thumbnails
• Right: Variant dropdown side by side, 2 text under quantity, a text under add to cart, accordion under add to cart

Is this right?

The padding worked!! I'm beyond grateful! It looks so much better already!

#2. I created a jpeg that shows how I'd like my product page to look. I even prefer the smaller sizing of the "You May Also Like" images at the bottom. The Squarespace version images are too big.
That said, of course any assistance you can offer is deeply appreciated but I understand the value of your time as well!

Thank you!