Motion Theme - White sapce padding between section TOO MUCH

Solved

Motion Theme - White sapce padding between section TOO MUCH

projectsbydel
Excursionist
22 1 3

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

Accepted Solution (1)
steve_michael2
Explorer
119 17 19

This is an 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>
Crafting exceptional online experiences with innovative design and technology.

View solution in original post

Replies 10 (10)

steve_michael2
Explorer
119 17 19

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

Crafting exceptional online experiences with innovative design and technology.

ZestardTech
Shopify Partner
5833 1058 1395

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
projectsbydel
Excursionist
22 1 3

mysterywild dot com

ZestardTech
Shopify Partner
5833 1058 1395

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
projectsbydel
Excursionist
22 1 3

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

ZestardTech
Shopify Partner
5833 1058 1395

Hello @projectsbydel,

You can add CSS to the theme.css file.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
steve_michael2
Explorer
119 17 19

This is an 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>
Crafting exceptional online experiences with innovative design and technology.
projectsbydel
Excursionist
22 1 3

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

projectsbydel
Excursionist
22 1 3

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

steve_michael2
Explorer
119 17 19

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

Crafting exceptional online experiences with innovative design and technology.