Newsletter button colour

Solved

Newsletter button colour

Jednay
Excursionist
77 0 1

Hi Guys,

 

How would i go about changing my footer newsletter ‘SUBSCRIBE’ button colour from black background/white text to White background/black text please?

 

Thanks in advance!

 

IMG_4613.jpeg

Accepted Solution (1)
niraj_patel
Shopify Partner
2391 516 515

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .Button--primary:before{
       background-color: #fff !important;
    }
  .Button--primary{
      color: #000 !important;
  }
</style>

techlyser_web_0-1711289536972.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 15 (15)

niraj_patel
Shopify Partner
2391 516 515

Hello @Jednay 
Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Hi,

It’s jednay.com

Thanks

niraj_patel
Shopify Partner
2391 516 515

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .Button--primary:before{
       background-color: #fff !important;
    }
  .Button--primary{
      color: #000 !important;
  }
</style>

techlyser_web_0-1711289536972.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Thank you so much! How would I change the text please? 

niraj_patel
Shopify Partner
2391 516 515

Please accept and like my solution.
Thanks
Which text?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Will do, thank you so much! The text ‘SUBSCRIBE’ 

niraj_patel
Shopify Partner
2391 516 515

like this?

techlyser_web_0-1711292704161.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Yes, how do i edit that text?

Thank you

niraj_patel
Shopify Partner
2391 516 515

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .Button--primary {
       font-weight: 600 !important;
  }
  .features--show-button-transition .Button--primary:not([disabled]):hover{
      background-color: #fff !important;
   }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

                             Thanks

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Hi there, this has also changed my ‘ADD TO CART’ button to white. I needed that to stay black.

Many thanks.

Jednay
Excursionist
77 0 1

Thanks again, any idea how i can add a logo to the top of the footer? 

niraj_patel
Shopify Partner
2391 516 515

You can add logo by customizer 
Go-->customizer--->scroll down

techlyser_web_0-1711291455979.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Jednay
Excursionist
77 0 1

Oh of course, thank you.

Jednay
Excursionist
77 0 1

Only allows these two blocks..

 

IMG_4679.png

niraj_patel
Shopify Partner
2391 516 515

you have to do some custom code for image in footer.liquid file.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com