Reduce spacing between home page elements on supply theme

AlexandraM93 · ‎10-01-2021

Hello everyone I was wondering if anyone could provide guidance on ways to reduce the spacing between the front page elements. In the photo attached I have indicated the spacing with red arrows. I’m not great with coding but am happy to give it a go. The template I am using is supply

🙂

dmwwebartisan · ‎10-01-2021

@AlexandraM93

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.template-index .flexslider { margin: 0 0 0px !important;}
.template-index hr {margin: 10px 0 !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan · ‎10-01-2021

@AlexandraM93

Please share stroe URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

AlexandraM93 · ‎10-01-2021

Www.byeheat.com.au

dmwwebartisan · ‎10-01-2021

@AlexandraM93

please Go to Online Store->Theme->Edit code then go to assets/theme.scss.liquid ->paste below code at the bottom of the file.

.template-index .flexslider { margin: 0 0 0px !important;}
.template-index hr {margin: 10px 0 !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

AlexandraM93 · ‎10-01-2021

Thank you! What I attempted to fix over 12 hours you did within minutes. The code worked perfectly!

Reduce spacing between home page elements on supply theme

Reduce spacing between home page elements on supply theme

Community Blog Articles