Jump to content

Change Spacing between images to 0px on Product Pages

Recommended Posts

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

image.thumb.png.0f7c4df2e134ea48296137159e1833cc.png

Which page you want to non fixed header?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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:

 
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/beantobar
(not made yet) thirdbean.com/stuffyoushouldknow
(not made yet) thirdbean.com/ingredients
 
Thank you for your help!
Carina

Screen Shot 2022-04-06 at 9.51.40 AM.png

Screen Shot 2022-04-06 at 9.51.59 AM.png

Link to comment
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:

 
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/beantobar
(not made yet) thirdbean.com/stuffyoushouldknow
(not made yet) thirdbean.com/ingredients
 
Thank you for your help!
Carina

Screen Shot 2022-04-06 at 9.51.40 AM.png

Screen Shot 2022-04-06 at 9.51.59 AM.png

Add to Page Header to disable fixed header

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (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.