How can I add left and right section padding on Dawn theme?

[repcillin]

Hi there! I am looking to make certain sections on various pages narrower widths.
Is there any custom coding which allows me to add the option of left and right section padding sliders. 
The top and bottom function well, however there is not option for left and right padding. 
This will only apply to certain custom pages. 
Otherwise I would just like the one whole custom page (named: onepage-sales) to be a max width of 600px
Thank you

E

[ReturnPrime]

Hey @repcillin  ,
Welcome to the Shopify community!
Please share your store URL.
So that I will check and let you know the exact solution here.
Thank you.
Raman!

[repcillin]

Amazing fast response. Thank you SO much

Website: https://repcillin.com/
One page I would like to have max width of 600px, centered. : https://repcillin.com/pages/crocodile-oil

[KetanKumar]

@repcillin 

sorry i  can't see  any issue 

[ReturnPrime]

Hey  @repcillin   ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->-
Go to crocodile-oil.liquid in your templates folder and make a condition to apply styles only if it is on the  crocodile-oil page.

{% if page.handle == "crocodile-oil" %}
<style>
.page-width--narrow {
   max-width: 600px !important;
}
.shopify-section {
   max-width: 600px !important;
   margin: 0 auto !important;
}
</style>
{% endif %}

 If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

[repcillin]

Hey, Thanks again for your time and help. I really do appreciate it. 
I cant find this crocodile-oil.liquid anywhere. and My templates folder is empty?
Can we not make the code for the custom template  page: page.onepage-sales.json

I would also like to apply this to the page acne: https://repcillin.com/pages/acne
But I can easily make the page name edits myself.  

[Ollie]

Hey @repcillin.

Thanks for reaching out.

I appreciate that you have let us know which theme you are using as that is very helpful! Looking into the Dawn theme, I noticed that making changes to the width of pages is not available using the Theme Editor. I can certainly see the benefit of allowing you to make this change so I am going to provide this to our developers as a suggestion.

With that being said, this is possible to accomplish by making a change to the theme's code. Since the Dawn theme is designed and supported by Shopify, we can use free design time for Shopify themes to have our internal team make the changes on your behalf.

If you are interested in using the design time, you will need to login to your store using the Contact Us page. This will allow us to securely verify you as the store owner before speaking directly with a Support Advisor about the changes you would like to see.

Let me know if you have any questions.