Vantage Theme adding space between section

[SvanderSpank]

Hi,

I am new the the Shopify community. I have just purchased the Vantage theme and  would like to add some additional space between the sections that build up my main page by adjusting the code.

I have looked at related question and tried the solution suggested but did not get the any result.

https://community.shopify.com/c/Shopify-Design/Changing-the-margin-padding-between-the-sections-and-...

On comment regarding the solution in the link: It makes a reference to ‘theme.scss.liquid" In the Asset folder I can not find this code section. I made the adjustment ‘Stylesheet.scss.liquid" instead.

Any help would be appreciated.

regards, Stijn

[PixelSplash]

Hi @SvanderSpank 

Please share link to your store. 

[PAZECHEGARAY]

Hi guys,

@PixelSplash I have a similar question here. Also using Vantage and trying to remove the space between containers within a section. Specifically, I am talking about those split text and image containers. 

Here is a screenshot

What I would like instead: no space between those containers, so that the bottom of the first picture is aligned to the top of the second picture. 

link: www.plantalchemy.myshopify.com

pwd: ayacucho1417

I would very much appreciate if someone could shed some light on how to achieve this.

Thanks!

Paz

[SvanderSpank]

Hi Paz,

I created a ticket with the weareunderground team. Quick in response and clear solution.

https://www.weareunderground.com/pages/shopify-theme-support

See below the answer they implented for me in the stylesheet.css.liquid. They placed this at the end of the existing code. Just play around with the margin 50px and you will see the difference.

The homepage is of course for the homepage and the second part is for a custom page.

/*Homepage Section Margin Change*/
.shopify-section{margin-top:50px;}
.shopify-section:first-child{margin-top:10px;}

@media screen and (min-width: 740px) {
.desktop-hide2 {
display: none!important;
}
}

/*Page Section Margin Change*/
.page-section{margin-top:50px;}
.page-section:first-child{margin-top:10px;}

@media screen and (min-width: 740px) {
.desktop-hhttps://unborn-co.myshopify.com/admin/productside2 {
display: none!important;
}
}

Good luck!

Best, Stijn