Remove white spaces between sections

Highlighted
New Member
2 0 1

I am currently using the symetry template. Can someone please advise how to reduce the white space between the  sections. Thanks you for any advice!

My shop URL: https://simasokas.myshopify.com

 

0 Likes
Shopify Partner
2800 614 753

Hey @simonmazi,

Are you talking about this space?

Because each section have margins but I think, it is for separate the section.

this-space.jpg

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
New Member
2 0 1

Yes I'm talking about this space. So I can't reduce or remove this white space between sections?

1 Like
Highlighted
Shopify Partner
2800 614 753

Hey @simonmazi,

Yes, It can be done. Let me see.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted

@simonmazi 

Hey,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

 

<style>
.column-full,
.fully-spaced-row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.shopify-section:nth-child(2) .image-block{
    margin-top: -12px;
}
</style>

 


You may see some minor spacing on the slide but this is because one image has the height bigger than the other. Make sure you upload images with the same width/height to avoid this issue.

PLease let me know whether it works, thanks!

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
2800 614 753

Hey @simonmazi,

Please add the following code at the end of your assets/style.scss.liquid file

.fully-spaced-row {
    margin-bottom: 0px;
}
.flexible-layout .column-full{
margin-bottom:0px;
}

Try to put this first then will check other sections properly.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes