Solved

How can white space in rich text sections be removed in Debut theme?

tree55
Tourist
10 0 2

Hi,

I've tried reducing the white space in the rich text sections and I haven't been successful.

The red arrows indicate where I'd like to reduce the space.

Thanks Screen Shot 2021-07-16 at 3.53.37 PM.png

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@tree55 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
div#shopify-section-1621950118a15473c6 {
    padding-top: 0px;
    padding-bottom: 0px;
}
div#shopify-section-16219502147532ec95 {
    padding-bottom: 0px !important;
}
div#shopify-section-feature-columns {
    padding-top: 10px;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 9 (9)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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
tree55
Tourist
10 0 2

Thank you....here's the link

https://thegivingchristmastree.com

 

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

.index-section {
padding-top: 30px!important;
padding-bottom: 30px!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
tree55
Tourist
10 0 2

Thanks - I'm unable to locate theme.scss.css os theme.css the same?

 

Screen Shot 2021-07-16 at 4.33.17 PM.png

InklyCopy
Tourist
4 0 0

This also worked in the new Debut custom coding section for the specific rich text block where I wanted to do the same thing - perfect, thank you.

dmwwebartisan
Shopify Partner
12280 2546 3694

This is an accepted solution.

@tree55 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
div#shopify-section-1621950118a15473c6 {
    padding-top: 0px;
    padding-bottom: 0px;
}
div#shopify-section-16219502147532ec95 {
    padding-bottom: 0px !important;
}
div#shopify-section-feature-columns {
    padding-top: 10px;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
tree55
Tourist
10 0 2

This is great! Thank you 🙂

ZestardTech
Shopify Expert
5393 970 1291

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

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
MCHDRMM
Tourist
3 0 0

Hey there, not sure if this solution is outdated or I'm just outdated. 🙃  Either way, I'm having the same problem with massively excessive white space that I can't get rid of. I tried to do the code you shared but it didn't change anything (under assets>theme.css). Anyway, hoping you or someone can help tell me what I'm doing wrong so i can fix this. Thank you!Screen Shot 2024-01-20 at 12.24.11 PM.pngScreen Shot 2024-01-20 at 12.26.44 PM.png