Vantage Theme adding space between section

SvanderSpank
Tourist
4 0 1

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.

 

Shopify Screenshot.png

 

Any help would be appreciated.

 

regards, Stijn

 

0 Likes
PixelSplash
Shopify Partner
38 8 5

Hi @SvanderSpank 

Please share link to your store. 

0 Likes
PAZECHEGARAY
New Member
2 0 0

Hi guys,

@PixelSplash 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

PAZECHEGARAY_0-1601574718596.png

 

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

0 Likes
SvanderSpank
Tourist
4 0 1

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