How do I shorten the width of my newsletter bar in the footer?

Solved
maleka
Tourist
9 0 2

Hello, 

Please can someone advise how I shorten the width of my newsletter bar in my footer? I would like it to be around half the length. I am using the debut theme. 

On the image below I have marked in red the approximate size I would like it to be:

maleka_0-1626293067856.png

Thanks in advance!

0 Likes
Nick_Marketing
Shopify Partner
282 53 71

Site link please

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
BejewelsUK
Tourist
5 0 3

I would also like to shorten my newsletter bar, I am using Testament theme, url: www.bejewels.co.uk.

Would be really grateful if you are able to help, as I have just been through 100 pages of the forum trying to find an answer....

0 Likes
Nick_Marketing
Shopify Partner
282 53 71

Hi @BejewelsUK 

  1. Go to stylesheet.css
  2. Scroll all the way to the bottom and add the following code:

 

 

input#footer-EMAIL {
  width: 40%;
}

 

 

  You can change the percentage number to your desire. Original was 60%

 

Hope I've helped! If you have specific questions, feel free to PM me.

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
BejewelsUK
Tourist
5 0 3

Perfect! Thank you

 

maleka
Tourist
9 0 2

@Nick_Marketing 

It's https://maleka-interiors.myshopify.com/ 

I am using the debut theme - thank you

0 Likes
Nick_Marketing
Shopify Partner
282 53 71

@maleka please provide a pass, the homepage is pass protected. You can PM me if you like.

2021-07-14 20_27_32-MALEKA INTERIORS – Opening Soon — Firefox Developer Edition.png

 

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
maleka
Tourist
9 0 2

Hey @Nick_Marketing 

Sorry, it's Development3687

Thanks!

Nick_Marketing
Shopify Partner
282 53 71

This is an accepted solution.

Hi @maleka 

Go to theme.css

Add the following code on line 7004, which is just above the line that says:

/*================ ADDED VERTICAL FOOTER ================*/

 

 

.site-footer__item-inner--newsletter {
  width: 70%;
}

 

 

Hope it works!

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
maleka
Tourist
9 0 2

Amazing thank you @Nick_Marketing !

One last question, is there a way to push it over to the right-hand side? 

Thank you!

0 Likes