Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
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.