How To Remove Padding Between Sections?

[Emiway1]

i wanna remove large paddings from my password page..

URL: https://zappdrink.myshopify.com/password

Pass; Zapp

[DaisyVo]

Hi @Emiway1 

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
Step 2: Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
Step 3: Add the following code at the bottom of the file above </head> tag

Here is the code for Step 3:

{% if template.nam == "password" %}
.gta-banner__content-wrap {
    height: fit-content !important;
}
.gta-banner__overlay {
    display: none !important;
}
.gta-banner {
    height: fit-content !important;
}
.gta-banner.gsc_countdown_timer_countdown_jFkJjr::before {
    display: none;
}
.password.password--center {
    height: fit-content !important;
    min-height: unset !important;
    padding: 0 !important;
}
.section.section-blends.section-full {
    padding-bottom: 0 !important;
}
{% endif %}

 

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[Emiway1]

Not Working

[Emiway1]

i put this code in theme.css at bottom and it working perfectly, but there is only one problem is want that newsletter text broad, i think width is so small.. wanna increse that

[ZestardTech]

Hello @Emiway1 

Try this Code.

{% if template.name == "password" %}
.gta-banner__content-wrap {
    height: fit-content !important;
}
.gta-banner__overlay {
    display: none !important;
}
.gta-banner {
    height: fit-content !important;
}
.gta-banner.gsc_countdown_timer_countdown_jFkJjr::before {
    display: none;
}
.password.password--center {
    height: fit-content !important;
    min-height: unset !important;
    padding: 0 !important;
}
.section.section-blends.section-full {
    padding-bottom: 0 !important;
}

[topnewyork · Accepted solution]

Hello, @Emiway1 

1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

.text-center {
    text-align: center;
    padding: 14px !important;
}

.gta-content__container.gsc_countdown_timer_countdown_jFkJjr {
    display: flex;
    overflow: hidden;
    padding: 0px !important;
    border: initial;
    border-radius: 16px;
}

.section.section-blends.section-full {
    padding: 0px !important;
}

Thanks!