Removing padding/white space below slideshow

Highlighted
New Member
5 0 0

Hello, 

I've just launched my shopify store: https://the-stationer.co.uk/

I want to get rid of the unecessary white space inbetween the slideshow and the newsletter sections on the homepage - can anyone help? I'm afraid I'm a coding novice so it would be great to know exactly where to amend the code. I'm using the Brooklyn theme. 

Thank you!

Tessa

0 Likes
Shopify Staff
Shopify Staff
520 0 58

Hi Tessa!

Liam here from Shopify - thank you for your question :)

Great to see you are looking to set up your home page to look exactly how you would like. To remove the padding appearing above the newsletter sign up you will need to add some CSS into your theme. To do this you will need to go into the Edit HTML/CSS section of your admin and open the Assets folder to find the timber.scss.liquid file. At the very bottom of the file you will need to paste the following:

.main-content {
    padding-top: 0px;
}

This should pull up the newsletter on the home page now :) Remember to back up your theme before making any changes to the code!

Hope this helps Tessa, if you have any other questions or need clarification on the above points, just let me know!

Cheers,
Liam

Shopify Guru
support@shopify.com

0 Likes
New Member
5 0 0

Thank you so much Liam! That was perfect advice and has solved my issue. 

Best wishes, 

Tessa

0 Likes
New Member
2 0 0

Hey liam also found your reply very helpful the only thing for me is when i change the padding and refresh it it reverts back to the original form how do you save it?

0 Likes