How to reduce the product bottom spacing?

Store Design
, ,
1

How to reduce the product bottom spacing ? I already took off everything possible with the customizer and I still want to remove some

Screenshot (698)
Screenshot (698)1920×695 244 KB

2

Hi @Jim3 ,

There is no any settings but you can add custom setting for spacing or you can use this custom css :

.page-content--product {
padding-bottom: 50px;
}
1 Like
3

@Dev_Inflame Thank you !

1 Like
4

Hi @Jim3 ,

Great to hear the issue has been resolved! If you found my assistance helpful, feel free to reach out anytime if you need further support.

1 Like
5

@Dev_Inflame I actually need to do the same thing for the next 2 sections. I need to reduce the spacing a bit between Large image with text box and Related products. And also between Related Products and FAQ section. Can you please help me with this as well?

Screenshot (700)
Screenshot (700)1920×583 218 KB

Screenshot (701)
Screenshot (701)1920×550 75.9 KB

6

@Jim3 ,

Please add this css :

@media only screen and (min-width: 769px) {
.template-product product-recommendations .index-section {
    margin: 50px 0;
}
}
7

Screenshot (702)
Screenshot (702)1920×449 50.6 KB

Unfortunately this one doesnt work

8

@Jim3 ,

Ohh!!! you made mistake in code :slight_smile: .
Please add one more } above the line number 13200 .

So your code look like this :

}
@media only screen and (min-width: 769px) {
.template-product product-recommendations .index-section {
    margin: 50px 0;
}
}