How to make all buttons a custom font – Symmetry theme

How to make all buttons a custom font – Symmetry theme

emilyaugstudios
Explorer
100 0 39

Hi everyone! Just a quick question, I have uploaded a custom font to the symmetry theme, which works but I was wondering if there was a way to make all button font on the website this code? I don't know if that's possible rather than individually targeting each button within a section. Any help or advice would be greatly appreciated 😊

 

URL – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1

Replies 3 (3)

BSS-TekLabs
Shopify Partner
1842 526 612

 

<style>
button, .btn, .button {
    font-family: 'MyCustomFont', sans-serif !important; /* Replace 'MyCustomFont' with your font name */
}
</style>

 

 

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

BSS-TekLabs
Shopify Partner
1842 526 612


- Then add the following code at the before tag </head> and press 'Save' to save it @emilyaugstudios .

If our suggestions are useful, please let us know by giving it a like or marking it as a solution .
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
BSS Commerce - Full-service eCommerce Agency

For give Gift to customers and Upsell in Cart, check out Salepify: Free Gifts with purchase


Post purchase upsell, downsell offers to improve sales and AOV
Salemate Post Purchase Upsell

Made4uo-Ribe
Shopify Partner
7617 1833 2245

Hi @emilyaugstudios 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

button, .btn {
    font-family:"Basic Commercial", sans-serif !important;  
}

 

And Save. 

Result:

Made4uoRibe_0-1724341158834.png

Note: you can change the font you like to use. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.