remove padding from custom html

Fabian_weldon
Explorer
111 0 25

I would like to remove the padding in between different custom html elements.

Screenshot 2021-01-20 at 11.07.16.png

I would also like to remove the padding between the images and the newsletter is possible.

 

Thanks for any help in advance.

0 Likes
dmwwebartisan
Shopify Partner
4407 986 1260

@Fabian_weldon 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4407 986 1260

@Fabian_weldon 

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!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Fabian_weldon
Explorer
111 0 25

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

dmwwebartisan
Shopify Partner
4407 986 1260

@Fabian_weldon 

Please confirm, is this a gap you would like to remove?

newsletter-gap.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Fabian_weldon
Explorer
111 0 25

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

dmwwebartisan
Shopify Partner
4407 986 1260

@Fabian_weldon 

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; }
If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes