Size of the password box and newsletter box on password page

Solved
Highlighted
Tourist
10 1 3

Hello everyone,

 

Is it possible to change the size of the box where you register your email and the box where you put the password only on the password protected page?

They show to small on desktop and perfect on mobile.

One other question, how do I remove the newletter form from other pages? I want it to be in my homepage but I want to remove it from other pages.

My store is https://mariosca-acessories.myshopify.com pass: mariotorres

 

Thank you

0 Likes
Highlighted
Shopify Partner
2354 511 661

Hey @mariotorres,

For the size of the password and email field. Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

.template-password .input-group {
width: 100% !important;
}

 

 

As for the newsletter. I can see you put that on the footer section. Which theme you are using?

Let me know so I will check accordingly.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
10 1 3

This is an accepted solution.

Hello @dmwwebartisan 

First solution, working great!! Thanks a lot.

 

Asking your second questiom, I'm using Simple Theme.

 

Thank you man

1 Like
Highlighted
Shopify Partner
2354 511 661

Hey @mariotorres,

You added newsletter in the footer and obviously, it will appear on all pages. If you want a newsletter section for the home page only then remove it from the footer.

Add a new section on homage at the last Newsletter and this will display for home page only.

Please check this screenshot.

newsletter-footer.jpg

 

Hope you understand.

 

Thanks!

 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
10 1 3

Yes i got. But one other question, nao the newsletter is centered. Ho do I put it on the left side as it was on the footer?

 

Thanks a lot for you help @dmwwebartisan 

 

0 Likes
Highlighted
Shopify Partner
2354 511 661

Hey @mariotorres 

Please add following code in your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.newsletter-section .input-group {margin: 0 auto;}
.index-sections .shopify-section {text-align: center;}
}


@media only screen and (max-width: 749px){
.newsletter-section .input-group {margin: 0 auto;}
.index-sections .shopify-section {text-align: center;}
}


Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
10 1 3

Maybe I didn't express myself correctly cuz it s not working.

I need the full newsletter form (title, subtitle, field and button) to be on the left, right under my menu.

Thank you

0 Likes
Highlighted
Shopify Partner
2354 511 661

Hey @mariotorres,

As you said under my menu.

Is it possible for you to provide a screenshot?

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
10 1 3

So, as seen on the screenshot, I want to move it from where it is to where the arrow points. Thank you and sorry for taking yout time.

 

newsletter.jpg

0 Likes
Highlighted
Shopify Partner
2354 511 661

Hey @mariotorres 

Please add following code in your assets/theme.scss.liquid file.

.newsletter-section .input-group {width: 100%;}
.index-sections .shopify-section:last-child {
margin-bottom: 0;
float: left;
position: absolute;
left: 6%;
width: 290px;
top: 120%;
text-align: center;
}


@media only screen and (max-width: 749px){
.index-sections .shopify-section:last-child {text-align: center;}
}

Hope this works for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes