Change Spacing between images to 0px on Product Pages

Site URL: http://thirdbean.com

Is some custom code I could insert to eliminate the padding between the first two images of the Product page? The site isn't live, but I can attach more screenshots if that's needed.

Thanks so much!

-C

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

https://blue-mandolin-zhxk.squarespace.com/shop/p/variety-pack

Thanks!

I'd also like to do a page-specific non-fixed header, so fixed header everywhere else, non-fixed header here and another other product pages.

20 hours ago, Cpaliocha said:

https://blue-mandolin-zhxk.squarespace.com/shop/p/variety-pack

Thanks!

 

I'd also like to do a page-specific non-fixed header, so fixed header everywhere else, non-fixed header here and another other product pages.

 

It is space inside image

Which page you want to non fixed header?

I tried trimming the image, but I need the space around the image so it doesn't automatically crop the photo  and cut off the edges for the thumbnail on the shop page. I'm trying to have the Variety Pack Thumbnail appear to be the same size as the other product thumbnails, but it either cuts off the edges (when I crop the space around the image, screenshot 1) or if I leave the space, it looks smaller than the others (screenshot 2).

Is there a way to find what exact size I should crop it so it's not adjusted for the thumbnail? 

The Non fixed header I would like for the Product pages, Donate Page, Contact Page:

On 4/6/2022 at 8:57 PM, Cpaliocha said:

I tried trimming the image, but I need the space around the image so it doesn't automatically crop the photo  and cut off the edges for the thumbnail on the shop page. I'm trying to have the Variety Pack Thumbnail appear to be the same size as the other product thumbnails, but it either cuts off the edges (when I crop the space around the image, screenshot 1) or if I leave the space, it looks smaller than the others (screenshot 2).

Is there a way to find what exact size I should crop it so it's not adjusted for the thumbnail? 

 

The Non fixed header I would like for the Product pages, Donate Page, Contact Page:

thirdbean.com/shop/p/variety-pack

thirdbean.com/shop/p/classic

thirdbean.com/shop/p/blueberry

thirdbean.com/shop/p/mango

thirdbean.com/shop/p/apricot

thirdbean.com/shop/p/apple

thirdbean.com/donate

thirdbean.com/contact

 

Or, these pages with a scroll style fixed header (there are less, but some are not made yet):

Scroll-back style fixed header on:

thirdbean.com/home

thirdbean.com/beantobar

(not made yet) thirdbean.com/stuffyoushouldknow

(not made yet) thirdbean.com/ingredients

 

Thank you for your help!

Carina

Add to Page Header to disable fixed header

<style>
  header#header {
    position: absolute !important;
    transform: unset !important;
}
</style>