Shopify themes, liquid, logos, and UX
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 |
---|---|
242 | |
162 | |
64 | |
55 | |
46 |
Thanks to all who participated in our AMA with 2H Media on planning your 2023 marketing bu...
By Jacqui Mar 30, 2023Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023