Replace "subscribe" in footer newsletter signup and make line line longer for email signup

[flammagreg]

Hi guys,

1. I have code to replace "Subscribe" text on the newsletters letter signup form in the footer, but I'm not sure where to put it. What page is the code to write "Subscribe" on.

Code:

"<svg class="is-inversed" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 12L10 8L6 4" stroke-width="1.5" stroke-linejoin="round" stroke="#fff"></path></svg>"

2. How can I make the line for the newsletter email entry in the footer longer?

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, 
With "Subscribe" text on the newsletters letter signup form in the footer 
You can find it in here 

And you can change text in here: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save 

#newsletter-footer_form .input-group {
    width: 80% !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, You just need to change this text to the name you want

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, 
With "Subscribe" text on the newsletters letter signup form in the footer 
You can find it in here 

And you can change text in here: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[flammagreg]

I pasted the code above in en.default.json and it gave me an error. Do you know why?

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, You just need to change this text to the name you want

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[flammagreg]

The code is to add an arrow like the attached image so I wouldn't be able to type it out

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg , i try it and it worked 

[BSSCommerce-HDL · Accepted solution]

Hi @flammagreg, 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file -> Save 

#newsletter-footer_form .input-group {
    width: 80% !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍