Removing space/Margins between sections on home page.

Highlighted
Shopify Partner
3 0 0

I figured this would be simple but I guess not. 

I am using the Venture theme that i have customized quite a bit but for the most part the theme code is Original. I need to beable to change the Margin between themes when they are added on the home page. If you view my page you can notice that there is a space between the different sections. I need to beable to modify them. I have changed everysingle type of margin i can find that would be controlling this. Nothing i do changes it at all. 

Please help!!

0 Likes
Highlighted
Shopify Partner
3 0 0

Found the Answer

The code i was looking for was in the Theme.css

Modify the **  margin-bottom: $gutter-site * 0.0;****

 

/*================ Index sections ================*/
.index-section {
  margin-bottom: $gutter-site * 0.0;
}

.index-section--flush + .index-section--flush {
  margin-top: -($gutter-site * 2.5);
}

.index-section--flush:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

0 Likes
New Member
10 0 0

Hey Brandon,
Now it really didn't take you long to answer the question by yourself, congrats!And thanks for sharing the answer to this question with the community.
Thanks to you I can implement it in my website as well.
Have a nice day.

Emmanuel

0 Likes
Highlighted
New Member
1 0 0

Thanks for this code. It resolved the home page issue. But I am facing the same issue in the product page.

0 Likes