Shopify themes, liquid, logos, and UX
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!
Solved! Go to the solution
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hello @Jednay
Can you share store URL?
Hi,
It’s jednay.com
Thanks
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>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Thank you so much! How would I change the text please?
Please accept and like my solution.
Thanks
Which text?
Will do, thank you so much! The text ‘SUBSCRIBE’
like this?
Yes, how do i edit that text?
Thank you
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
Hi there, this has also changed my ‘ADD TO CART’ button to white. I needed that to stay black.
Many thanks.
Thanks again, any idea how i can add a logo to the top of the footer?
You can add logo by customizer
Go-->customizer--->scroll down
Oh of course, thank you.
Only allows these two blocks..
you have to do some custom code for image in footer.liquid file.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025