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

Reduce space between product details page and header


LaurenJoy

Question

  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

1 answer to this question

Recommended Posts

  • 0

Hi @LaurenJoy,

Try adding this code within Design > Custom CSS:

.products article.ProductItem{padding-bottom:0px;padding-top:50px;}
@media only screen and (min-width: 769px) {
  .products article.ProductItem{margin-bottom:-200px;}
}

This should reduce the spacing for all your product pages in one go (and hopefully without affecting any other pages):

image.thumb.png.9a5323ab45ef2b1262b81afb636a89d8.png

Hope this helps!
-Tyler

 

P.S. - here's something extra if you want to remove that scrollbar on your product gallery 😉

image.png.3bee4e6d23e2b93501da127f41af0bde.png  

.ProductItem-gallery-thumbnails{overflow-x:auto!important;}

image.png

Edited by tcp13

Is your Squarespace website ADA compliant? Find out in 60 seconds with our free accessibility audit!

Link to post

Create an account or sign in to comment

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


×
×
  • Create New...