Change font and size in buttons - Prestige Theme

[HalloftheFallen]

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

 

 

[Anshul_arora · 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 -:

I hope the code helps you.

Please share if you have any queries.

Thank you.

[AnneLuo]

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!

[Anshul_arora · 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 -:

I hope the code helps you.

Please share if you have any queries.

Thank you.

[HalloftheFallen]

Hey that worked great thank you.

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

thank you!

[Anshul_arora · 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.

[HalloftheFallen]

All done. Thanks again!