Change font and size in buttons - Prestige Theme

Solved

Change font and size in buttons - Prestige Theme

HalloftheFallen
New Member
12 0 0

Hey there,

 

I have prestige theme and I’m wondering if somebody could provide the CSS necessary to change the button font on my store to Montserrat, bigger size and weight to bold please.

 


Currently the button text is a bit thin and could do with being a bit bolder so not to be drowned out by the red.

 

I’m using prestige theme version 9.0

 

thank you

IMG_0905.png

IMG_0904.png

Accepted Solutions (2)

Anshul_arora
Navigator
450 128 93

This is an accepted solution.

Hello @HalloftheFallen ,


I understand you are looking to change the font-family, size, weight of the button text.


Please add the below code in theme.css file (or .css file of your store) and save.

a.button {
font-family: 'Montserrat' !important;
font-size: 20px !important;
font-weight: bold !important;
}


[Please feel free to change the font-size pixel and font weight as per your requirement.]

Output -:

Anshul_arora_0-1718689459242.png


I hope the code helps you.

Please share if you have any queries.


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Anshul_arora
Navigator
450 128 93

This is an accepted solution.

Hello @HalloftheFallen ,

I am glad, my previous solution helps you. Please like & accepted the solution, so it can help other store owners as well.

+++

For making changes in 'Add to Cart', add this code at the bottom of theme.css file(or .css file of your store) & save.

button.button.w-full {
font-family: 'Montserrat' !important;
font-size: 20px !important;
font-weight: bold !important;
}

 

I hope it helps.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here

View solution in original post

Replies 5 (5)

AnneLuo
Shopify Partner
758 144 157

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
a.button{
    font-family: 'Montserrat' !important;
    font-size: 16px !important;
}
</style>

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

Anshul_arora
Navigator
450 128 93

This is an accepted solution.

Hello @HalloftheFallen ,


I understand you are looking to change the font-family, size, weight of the button text.


Please add the below code in theme.css file (or .css file of your store) and save.

a.button {
font-family: 'Montserrat' !important;
font-size: 20px !important;
font-weight: bold !important;
}


[Please feel free to change the font-size pixel and font weight as per your requirement.]

Output -:

Anshul_arora_0-1718689459242.png


I hope the code helps you.

Please share if you have any queries.


Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
HalloftheFallen
New Member
12 0 0

Hey that worked great thank you.


Any idea how I can apply the same logic to the add to cart button too?

IMG_0906.png


thank you!

Anshul_arora
Navigator
450 128 93

This is an accepted solution.

Hello @HalloftheFallen ,

I am glad, my previous solution helps you. Please like & accepted the solution, so it can help other store owners as well.

+++

For making changes in 'Add to Cart', add this code at the bottom of theme.css file(or .css file of your store) & save.

button.button.w-full {
font-family: 'Montserrat' !important;
font-size: 20px !important;
font-weight: bold !important;
}

 

I hope it helps.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
HalloftheFallen
New Member
12 0 0

All done. Thanks again!