Add space to top and bottom of product page

Solved
New Member
3 0 0

Hello, we are working on adapting a modified Debut theme to a new website.

 

For some reason the product pages seem very short.

 

The product image even overlaps the top of the footer. Anyone know how to fix this (i.e. add space to the top under the head and above the title and bottom of the page under the image and description above the footer)? We are okay with doing some mild code related work to increase this size.

 

Please see image for example.

 

Screenshot_2019-09-26 Trust the Awesomeness - Emrboirdered Patch with Hook Fastener Backing.png

0 Likes
New Member
2 1 1

Hey there, could you add a link?

0 Likes

Success.

New Member
2 1 1

How about adding this to your css file:

 

div#ProductSection-product-template {
    padding-top: 10px;
    padding-bottom: 10px;
}

Adjust as necessary obviously. And I'm in no way a programmer, just someone who knows enough to be dangerous. Apply that and make sure everything else looks good!

1 Like
New Member
3 0 0

Awesome, that was exactly what I needed!

0 Likes