Shopify themes, liquid, logos, and UX
i wanna remove large paddings from my password page..
URL: https://zappdrink.myshopify.com/password
Pass; Zapp
Solved! Go to the solution
This is an 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!
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.
Not Working
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
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;
}
This is an 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!
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025