Solved

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

flammagreg
Trailblazer
250 0 38

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?

Accepted Solutions (4)

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

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

BSSTechVenture_0-1716907551936.png

And you can change text in here: 

BSSTechVenture_1-1716907599634.png

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 😍



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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an 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: 

BSSTechVenture_0-1716907906133.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

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

BSSTechVenture_0-1716909267955.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

Hi @flammagreg , i try it and it worked 

BSSTechVenture_0-1716910963939.png

 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 6 (6)

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

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

BSSTechVenture_0-1716907551936.png

And you can change text in here: 

BSSTechVenture_1-1716907599634.png

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 😍



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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
flammagreg
Trailblazer
250 0 38

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

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

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

BSSTechVenture_0-1716909267955.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
flammagreg
Trailblazer
250 0 38

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

 

Screenshot 2024-05-28 at 11.20.54 AM.png

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an accepted solution.

Hi @flammagreg , i try it and it worked 

BSSTechVenture_0-1716910963939.png

 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

BSSCommerce-HDL
Shopify Expert
769 249 263

This is an 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: 

BSSTechVenture_0-1716907906133.png

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 😍

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency