How can I center my newsletter subscription form on both desktop and mobile?

[TBS2022]

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

https://39e9ca.myshopify.com/

riacia

Thanks

[syedsumaimaly]

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.

[TBS2022]

nope - didnt work

[syedsumaimaly]

@TBS2022 can you share screen shot where yo paste the code?

[TBS2022]

[syedsumaimaly]

@TBS2022  Try this

.footer__newsletter {
    text-align: center !important;
}

[TBS2022]

still nothing

[syedsumaimaly]

@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.

[TBS2022]

that worked in mobile but not on desktop

[syedsumaimaly]

@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.

[TBS2022]

how can i get the rest of the text to move as well?

[syedsumaimaly]

@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.

[TBS2022]

thank you - but why is not 100% centered - its all left and right.

could it be a padding issue?

[TBS2022]

could we have it like this

[syedsumaimaly · 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