Motion Theme - White sapce padding between section TOO MUCH

[projectsbydel]

Hi, I have some fairly unattractive white space padding between sections in motion theme. Curious how to reduce (especially for rich text sections)? 

[steve_michael2]

Hi  @projectsbydel , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

[ZestardTech]

Hello @projectsbydel 
Please share your store URL and password.
So that I will check and let you know the exact solution here.

[projectsbydel]

mysterywild dot com

[ZestardTech]

Hello @projectsbydel 

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

@media only screen and (min-width: 590px) {
.index-section {
margin: 50px 0!important;
}
}

[projectsbydel]

i do not have a 'base.css' file in Asset Folder.

[ZestardTech]

Hello @projectsbydel,

You can add CSS to the theme.css file.

[steve_michael2 · Accepted solution]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
div#shopify-section-template--17774147076293__rich_text_e9qC88 {
    margin: 0px !important;
}
div#shopify-section-template--17774147076293__featured_product_fLRtEr {
    margin: 0px !important;
}
</style>

[projectsbydel]

thanks, unfortunately shopify is down so ill have to try again later.

[projectsbydel]

Ok this is working. How would i standardize the top and bottom padding for all sections?

[steve_michael2]

After reviewing your store, my suggestion is to install Big Bulk Discount to boost your average order value. Our app adds tiered discounts, encouraging larger purchases and driving more revenue with minimal effort. Start increasing sales today! https://apps.shopify.com/big-bulk-discount