How can I center the heading and subheading on my newsletter form?

Store Design
,
1

Hello, I would like to center my text on the heading and subheading for my newsletter sign up form to capture emails.

I’ve been in ASSETS-Newsletter.section.css - Here is my code

.newsletter__wrapper {
padding-right: calc(4rem / var(–font-body-scale));
padding-left: calc(4rem / var(–font-body-scale));
}

@media screen and (min-width: 800px) {
.newsletter__wrapper {
padding-right: 9rem;
padding-left: 9rem;
}
}

.newsletter__wrapper > * {
margin-top: 0;
margin-bottom: 0;
}

.newsletter__wrapper > * + * {
margin-top: 2rem;
}

.newsletter__wrapper > * + .newsletter-form {
margin-top: 3rem;
}

.newsletter__subheading {
max-width: 800px;
text-align: center;
}

.newsletter__wrapper .newsletter-form__field-wrapper {
max-width: 36rem;
}

.newsletter-form__field-wrapper .newsletter-form__message {
margin-top: 1.5rem;
}

.newsletter__button {
margin-top: 3rem;
width: fit-content;
}

@media screen and (min-width: 750px) {
.newsletter__button {
flex-shrink: 0;
margin: 0 0 0 1rem;
}
}

2

Hi @Maddison22844 - welcome!

Without seeing your site it’s a bit tricky to answer but try updating the .newsletter__wrapper class to the following:

.newsletter__wrapper {
padding-right: 9rem;
padding-left: 9rem;

text-align: center!important;
}

If that doesn’t work please respond with a link to your site and I’ll be able to sort this for ya!

3

Hey @Maddison22844

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed