Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: 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
Trailblazer
206 22 25

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.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

View solution in original post

Replies 10 (10)

steve_michael2
Trailblazer
206 22 25

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.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount

ZestardTech
Shopify Partner
5902 1066 1412

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
5902 1066 1412

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
5902 1066 1412

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
Trailblazer
206 22 25

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.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
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
Trailblazer
206 22 25

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.

Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount