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 |
---|---|
197 | |
178 | |
85 | |
63 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023