Margin reduce

Hello!> > Please I want to reduce the padding(border) of my product page> >

> > thank you

1 Like
  • Here is the solution for you @Sofiane2
  • Please follow these steps:

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.page-width {
    padding: 0 0.5rem !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like

This is Richard from PageFly - Shopify Page Builder App

If you want remove breadcrumb you can try code:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag


Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

Hi @Sofiane2

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
.section-template--17115988459753__main-padding .page-width {
    padding: 0;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!