Increase the distance between the side edges

[admintb]

Dear Community

I would like to reduce the indentation of the margins throughout my website. I am using the Prestige theme.

Can someone help?

[NomtechSolution]

To reduce the indentation of margins throughout your Prestige theme website, you can make adjustments to the CSS code. Here’s a general approach to achieve this:

1. From your Shopify admin, go to Online Store > Themes.
2. Find the Prestige theme and click on the “Actions” button, then select “Edit Code.”
3. In the left-hand sidebar, locate and click on the “Assets” folder to expand it.
4. Look for a file named “theme.scss.liquid” or “theme.css” and click on it to open the file in the code editor.

Note: The file name may vary slightly depending on the version of the Prestige theme you’re using.

5. Scroll through the code to find the section related to margins or indentation. This section may include selectors such as margin, padding, or specific class names associated with margins.
6. Adjust the values associated with the margins to reduce the indentation. You can try decreasing the pixel values or removing them altogether.
   For example, if you find a selector like this:

.my-selector {
margin: 20px;
}

You can modify it to:

.my-selector {
margin: 10px;
}

Alternatively, you can remove the margin by setting it to 0:

.my-selector {
margin: 0;
}

7. Repeat the process for other sections or selectors where you want to reduce the indentation.

8. After making the desired changes, click on the “Save” button to save the modified file.

9. Preview your website to see the updated indentation. If you’re satisfied with the changes, click on the “Publish” button to make the changes live on your website.

Remember to review and test your website thoroughly after making any modifications to ensure that the changes have the desired effect and do not negatively impact the overall layout and user experience.

[admintb]

@NomtechSolution Thank you for you’re reply!

Can you help me find the correct part in the code?

www.thebasicscollection.com

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset → theme.css and paste this at the bottom of the file:

#shopify-section-sections--18945963721000__footer .footer {
    padding-top: 30px;
    padding-left: 90px;
    padding-right: 90px;
}
.header{
    padding-top: 30px;
    padding-left: 90px;
    padding-right: 90px;
}