Reduce spacing after newsletter box

Solved
TismeEm
Tourist
7 0 6

Hey,

 

I'm trying to reduce the blank space between the header 'Don't miss a thing' and the top of the newsletter sign up box. I've looked for other solutions but I don't seem to have theme.scss.liquid page in the asset folder. I'm using debut theme. Can anyone help? The website is www.tismeem.co.uk.

TismeEm_0-1620469822447.png

 

Thank you!

Emma

 

HardikDavra
Shopify Partner
2317 363 994

@TismeEm On which page? PLease share screenshot.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
TismeEm
Tourist
7 0 6
0 Likes
dmwwebartisan
Shopify Partner
7292 1721 2292

@TismeEm 

Can you tell me where I find that section or on which page?

Because I can see the following section for the newsletter.

see-this-newsletter-section.jpg

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
TismeEm
Tourist
7 0 6

Screenshot 2021-05-08 11.38.54.png

0 Likes
TismeEm
Tourist
7 0 6

Thanks so much, sorry I should have said - it's this page https://tismeem.co.uk/pages/signup

HardikDavra
Shopify Partner
2317 363 994

Hello,

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (min-width: 750px) {
.page-width .grid .grid__item .section-header, .page-width .grid .grid__item .section-header h1 {
margin-bottom: 0px;
}
}
.page-width .grid .grid__item .newsletter-section {
padding-top: 10px;
}
PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
dmwwebartisan
Shopify Partner
7292 1721 2292

This is an accepted solution.

@TismeEm 

Please add the following code at the bottom of your assets/theme.css file.

@media only screen and (min-width: 750px){
.template-page .section-header {  margin-bottom: 20px; }
.template-page .newsletter-section{ padding-top: 0px !important; }
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
TismeEm
Tourist
7 0 6

Thanks for this, I don't have theme.scss.liquid in my assets folder? I have theme.css

TismeEm
Tourist
7 0 6

Thank you sooooo much! It worked!