I would like to remove the padding in between different custom html elements.
I would also like to remove the padding between the images and the newsletter is possible.
Thanks for any help in advance.
Please share your website URL and password if any. I will check and provide a solution here.
Thanks!
Please add the following code at the bottom of your assets/timber.scss.liquid file.
.template-index .index-sections .shopify-section {
margin-top: 50px !important;
}
.template-index #shopify-section-161096978484a8df3b .custom__item {
padding-left: 0px !important
}
.template-index #shopify-section-161096978484a8df3b .custom-content{
margin-left: 0px !important;
}
Hope this works.
Thanks!
thank you so much that worked.
It didn’t move it onto of the newsletter however.
Is there a way to remove the white space between the newsletter and the banner?
thank you
Hi. I actually meant the padding above the newsletter thanks. So that the custom html I have above it can sit onto of it with no gap.
Thankyou
Try the following code.
div#shopify-section-161096978484a8df3b .custom__item {
margin-bottom: 0px !important;
}
div#shopify-section-newsletter {
margin-top: 0px !important;
}
.newsletter .section-header+.section-subheading { color: #fff !important; }
.newsletter .section-header .section-header__title { color: #fff; }