Motion Theme - White sapce padding between section TOO MUCH

Shopify Discussion

Topic summary

Issue: Excessive white space between sections in the Motion Shopify theme, especially in Rich Text sections. Goal is to reduce and standardize vertical spacing.

Progress and actions:

  • Store URL shared (“mysterywild dot com”) after requests for access details.
  • Proposed fix: add CSS to reduce section margins using a media query:
    • @media (min-width: 590px) { .index-section { margin: 50px 0 !important; } }
  • Initial instruction referenced base.css; merchant reported that file didn’t exist. Guidance updated to place the CSS in theme.css instead.
  • Merchant confirmed the CSS approach works.

Open question:

  • How to standardize top and bottom padding for all sections site‑wide (no concrete solution provided yet). Another suggestion to add code in theme.liquid lacked actual code content.

Other notes:

  • One off-topic promotional reply recommended an app unrelated to spacing.

Status: Partially resolved. White space reduced via custom CSS in theme.css; standardizing section padding across the site remains unanswered/ongoing.

Summarized with AI on December 16. AI used: gpt-5.
1

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

1 Like
2

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

3

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

4

mysterywild dot com

1 Like
5

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;
}
}
6
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before
7

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

8

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

1 Like
9

Hello @projectsbydel ,

You can add CSS to the theme.css file.

10

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

11

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