Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Hello,
I am looking to change the font on the "Add to Cart" button so that it matches "Buy It Now".
Any help would be appreciated,
Tia
https://m0nlixet7j9ijq20-26037026838.shopifypreview.com
Solved! Go to the solution
This is an accepted solution.
@Tia34
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>.btn.add-to-cart--secondary{
font-weight: var(--alt-btn-font-weight) !important;
font-style: var(--alt-btn-font-style) !important;
background: var(--primary-btn-bg-color) !IMPORTANT;
color: var(--primary-btn-text-color) !IMPORTANT;
}
.btn.add-to-cart--secondary:hover{
background: var(--primary-btn-bg-hover-color) !important;
color: var(--primary-btn-text-hover-color) !important;
}
</style>
Kind regards,
Diego
This is an accepted solution.
@Tia34
1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:
<style>.btn.add-to-cart--secondary{
font-weight: var(--alt-btn-font-weight) !important;
font-style: var(--alt-btn-font-style) !important;
background: var(--primary-btn-bg-color) !IMPORTANT;
color: var(--primary-btn-text-color) !IMPORTANT;
}
.btn.add-to-cart--secondary:hover{
background: var(--primary-btn-bg-hover-color) !important;
color: var(--primary-btn-text-hover-color) !important;
}
</style>
Kind regards,
Diego
Hi Diego,
This is amazing! Thank you so much that worked right away.
I have a few other items I need help with. Would you be willing to help?
Tia
@Tia34
You're welcome. Sure, feel free to reach out to me via email with more information.
Thanks.
Kind regards,
Diego
User | RANK |
---|---|
211 | |
111 | |
87 | |
59 | |
48 |