How to center the Newsletter section using Minimal theme?

Technical Q&A
1

Hi, having great experience so far.

My question is, how do I center the newsletter section on home page? It looks like this:

Snímek obrazovky (771).png
Snímek obrazovky (771).png1101×231 4.75 KB

So far, I’ve been able to center the text as seen above by editing the newsletter.liquid file. I added the following (first line): style="margin: 0 auto; padding: 20px; width: 100%; text-align: center;

Snímek obrazovky (772).png
Snímek obrazovky (772).png1339×248 15.2 KB

I didn’t come up with a way how to center the “Your Email” box and “Subscribe” button. Any help is appreciated!

2

Hello SirVladimir,

Please share your site url.

So that i can check and let you know the exact solution here.

3

The site URL is go-imagination.com. Still protected by password iazeff.

Thank you!

4

Dear SirVladimir,

In theme → Online Store → Action → Edit code →

Go to the Assets → open theme.scss.css

Then paste this code at the bottom of file

.newsletter-section .input-group {
    margin: 0 auto;
}
1 Like
5

That did the trick. You rock and I thank you with my whole heart!

6

Welcome :slight_smile:

Get your Free Shopify Store Feedback at : https://www.task4store.com/pages/shopify-store-feedback-from-expert

7

Is there a similar solution for the simple theme? I’d appreciate your help!