Shopify themes, liquid, logos, and UX
Hello
I would like to have my Newsletter subscription form centered on desktop and i would like it to remain an open tab on mobile version and centered.
Thanks
I am using Impulse theme
riacia
Thanks
Solved! Go to the solution
This is an accepted solution.
Hi @TBS2022 & please marked the previous solutions as well.
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag
{% style %}
form#newsletter-footer {
width: 95%;
}
.grid__item.footer__item--1494292487693 {
text-align: center;
width: 100%;
}
{% endstyle %}
If I managed to help you then, don't forget to Like it and Mark it as Solutions
Hi @TBS2022
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag
.footer__newsletter {
text-align: center;
}
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
nope - didnt work
still nothing
@TBS2022 Paste this code in theme.liquid file
{% style %}
.footer__newsletter {
text-align: center !important;
}
{% endstyle %}
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
that worked in mobile but not on desktop
@TBS2022 Paste this code in theme.liquid
{% style %}
form#newsletter-footer {
text-align: center;
}
{% endstyle %}
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
how can i get the rest of the text to move as well?
@TBS2022 Copy and paste this code. and please marked all the solutions as well.
{% style %}
.grid__item.footer__item--1494292487693 {
text-align: center;
width: 100%;
}
{% endstyle %}
If I managed to help you then, don't forget to Like it and Mark it as Solutions.
thank you - but why is not 100% centered - its all left and right.
could it be a padding issue?
could we have it like this
This is an accepted solution.
Hi @TBS2022 & please marked the previous solutions as well.
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above </body> tag
{% style %}
form#newsletter-footer {
width: 95%;
}
.grid__item.footer__item--1494292487693 {
text-align: center;
width: 100%;
}
{% endstyle %}
If I managed to help you then, don't forget to Like it and Mark it as Solutions
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