How to shorten the newsletter sign up field?

Solved
Highlighted
Tourist
8 0 0

Hi there,

How do I  shorten the length of the field in which people enter their emails to sign up to our newsletter?

At the moment it looks too long on our landing page and is throwing the balance of the page out.

Any help would be much appreciated!

0 Likes
Highlighted
Shopify Partner
949 142 155

Hi There!

Would you mind sharing a link so I can assist you on that?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
8 0 0

removed removed

0 Likes
Highlighted
Tourist
8 0 0

removed removed

0 Likes
Highlighted
Shopify Partner
949 142 155

Would need the password for that as well please! Unless you mean the coming soon page itself, let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
8 0 0

yes, just the one visible on the landing page.

0 Likes
Highlighted
Shopify Partner
949 142 155

Go to your theme.scss File in "Online Store" -> "Edit" -> "Edit Code"

.password__input-group {
    margin: 0 auto 55px;
  /*  max-width: 35rem;*/
    max-width: 19rem;

}

Replace the code exactly as is 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
8 0 0

Sorry a bit confused - I'm in 'Edit Code' but where exactly do I put that code in? I can't see one similar to replace.
Thanks so much

0 Likes
Highlighted
Shopify Partner
949 142 155

If you're in the "theme.scss" file on the left you can just paste this code at the end if you can't find the code to replace it:

.password__input-group {
    max-width: 19rem!important;
}


Let me know! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
8 0 0

Sorry which 'template file' do I put in it though?

 

Screenshot 2020-08-21 at 18.23.57.png

0 Likes