How can I decrease padding in the 'Page' section of Dawn?

[dan_hoo]

Hi,

How do I reduce the side padding for a ‘page’ section on the homepage?

URL: www.sunshinefoodsuk.com

[PageFly-Richard]

Hi @dan_hoo ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the TOP of the file:

.section-template--17969930666304__c56afdc7-5556-4aff-9696-c045ad5e8c55-padding {
    max-width: 1000px !important;
    padding: 0 15px 40px !important;
}

I hope it would help you
Best regards,

Richard | PageFly

[DavidEKim]

@dan_hoo

Hi,

Now Shopify has better solution to add custom CSS without adding to base.css (or theme.css, style.css) file.

Please go to Customize > Pages (Top center, under Homepage) > Default page > Page (on the left menu > Click custom CSS

Add the code below to the custom css field.

.page-width--narrow {
  max-width: 90%;
}

You may change the max-width setting (currently 90%) to 75%, 80%, 85%, etc. to fit your needs.

Hope it helps.

[dan_hoo]

Thanks @DavidEKim