Flow Theme - Product Page "Add to Cart" Button

[Tia34]

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

[diego_ezfy · 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

[Tia34]

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

[diego_ezfy]

@Tia34 

You're welcome. Sure, feel free to reach out to me via email with more information.

Thanks.

Kind regards,
Diego