Shopify themes, liquid, logos, and UX
Hi developers,
Hope you are doing good.
I need to reduce padding space between sections in the homepage and some sections in the product page. Can't seem to figure it out on my own.
This is my first shop on Shopify and trying to make it look better.
Thank you in advance.
Solved! Go to the solution
This is an accepted solution.
Hi @nair
1. Go to Online Store->Themes->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.index-section {
padding-top: 30px;
padding-bottom: 30px;
}
hr {
margin: 30px 0;
}
.site-footer__hr {
margin: 0px 0 20px 0;
}
This is an accepted solution.
Hi @nair
1. Go to Online Store->Themes->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.newsletter-section .section-header {
margin-bottom: 20px;
}
.newsletter-section {
padding-top: 30px;
}
.newsletter-section .form-single-field {
margin: 0 auto 30px;
}
.site-footer {
padding: 20px 0;
}
Hi @nair
Thanks Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.
This is an accepted solution.
Hi @nair
1. Go to Online Store->Themes->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.index-section {
padding-top: 30px;
padding-bottom: 30px;
}
hr {
margin: 30px 0;
}
.site-footer__hr {
margin: 0px 0 20px 0;
}
Hey Vikas!
My page looks much cleaner and better. Being a social media marketer this was a bit out of my expertise!
Came to right place and got the right help! Thank you!
🙂
Hey @Vikas_Chovatiya,
Hope you are doing good.
Just need your help again with the website. Could you please help me with the spacing issue in the newsletter section ōf my website? Want it to be a little more closer and cleaner than the image below.
Do let me know how I could get it enhanced.
Thanking you in advance!
This is an accepted solution.
Hi @nair
1. Go to Online Store->Themes->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.newsletter-section .section-header {
margin-bottom: 20px;
}
.newsletter-section {
padding-top: 30px;
}
.newsletter-section .form-single-field {
margin: 0 auto 30px;
}
.site-footer {
padding: 20px 0;
}
sorry I tried again it did work, sorry about that!
Hi there Nair
I tried this on my Debut theme website as way too much spacing between my sections - but didn't work, can you help?
sorry it did work, but spacing still very wide on mobile site, can you help with that?
Hi @Emelby
Please share Your Site URL
Hi and good day
I need to reduce padding between two media on Shopify, but if I try with the code that you post one media stay on top of the principal banner. if you can help me, I would be very grateful (sorry if my english is wrong, I don't speak very well), I will put two images to show how it looks
This doesnt work for me...every time I copy and paste a code from the shopify community it doesnt do anything and then it shows that code at the bottom of the website. Help 😞 ! What am I doing wrong?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024