Reduce spacing between home page elements on supply theme

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

:slightly_smiling_face:

@AlexandraM93

Please share stroe URL!

Thanks!

Www.byeheat.com.au

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

1 Like

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

1 Like