Jump to content

How can I remove the Space between the Last Image on my Product Page and Footer?

Go to solution Solved by tuanphan,

Recommended Posts

  • Replies 8
  • Views 882
  • Created
  • Last Reply

Top Posters In This Topic

On 1/8/2021 at 4:55 PM, scholarsayze said:

Thank you so much, I tried this and it has improved but it seems there is still a small space between the two as attached. Is there anyway to completely remove that space?

Many thanks!

 

PRODUCT-GALLERY-SPACE.jpg

Use new code

/* remove space under product gallery */
section.ProductItem-additional {
    display: none;
}
.ProductItem {
    padding-bottom: 0;
}
figure.ProductItem-gallery {
    padding-bottom: 1px !important;
}

 

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

Many thanks Tuaphan, that fixed it!

However, I notice that the code also affects my elements in my Product page design. With this code, my 'Overview, Details, Care' sub menus disappear.  See attached images, with / without the code.

It also pushes the Product 'Studio Overhead Jacket' Title up and under my images on mobile. Is there another solution?

Sorry for the hassle.

Best,

Faiz

 

withcode.jpg

withoutcode.jpg

Link to comment
  • Solution

Use new code

@media screen and (min-width:768px) {
section.ProductItem-additional {
    padding: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}
section.ProductItem-additional .code-block {
    padding: 0 !important;
}
figure.ProductItem-gallery, .ProductItem {
    padding-bottom: 0 !important;
}}

 

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
  • 1 year later...
On 5/9/2022 at 9:18 PM, EScher said:

Hi, I'm having a similar problem. I can't remove the space between the final image on my home page and the footer. I've tried everything above with no luck. 

screencapture-goby-seadragon-8ln3-squarespace-config-settings-2022-05-09-10_16_47.png

Hi. What is your site url?

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.