How can I reduce padding on my product page?

Store Design
1

Please see the attachment and let me know how to reduce padding highlighted by blue arrow and blue text.

2

Hi @SurTri ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

Store link is : www.TOAI.in

my store is not password protected.

4

Hi @SurTri ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.main-content + .hr--large {
    margin-top: 0 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5

Nope it did not work.

6

Hi @SurTri ,

Sorry, I was missing the code

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
.main-content + .hr--large {
    margin-top: 0 !important;
}

.template-product .main-content {
    padding: 0 !important;
}

.product-recommendations {
    margin-top: 30px !important;
}

.product-recommendations .section-header {
   margin-bottom: 20px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Thanks a lot , it worked.