How to change spacing on homepage

Solved
dekiv
Tourist
16 0 1

Hey Guys,

I'm trying to keep the site nice and clean but there is too much white space between the different sections. I've read other posts and tried pasting codes that were offered to the theme.scss.liquid at the bottom but it has not changed anything.

Also, I'm not sure of my theme either - its just called "Updated Theme". How do I find this out?

I've attached a screenshot of the area that i'm trying to fix on my home page.

URL is www.beachbeb.com

 

 

 

Image 1.png

0 Likes
Pallavi
Shopify Expert
691 86 94

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid__item.one-half.medium-down--one-whole.no-bottom-margin .card__image-wrapper {
padding-top: 97%!important;
}
div#shopify-section-1611220068d0945ff4 {
padding: 0px 20px!important;
}
div#shopify-section-1611220068d0945ff4 .simple-collection.layout-8 {
padding: 0px 20px!important;
}

Screenshot :- https://prnt.sc/yxsnxq

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
0 Likes
dekiv
Tourist
16 0 1

Thank you so much it worked!

0 Likes