Change font and size in buttons - Prestige Theme

Store Design
, , ,
1

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_0905.png1170×2532 342 KB

IMG_0904.png
IMG_0904.png1170×2532 304 KB

2

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 tag

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

3

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
Anshul_arora_0-1718689459242.png1594×750 155 KB

I hope the code helps you.

Please share if you have any queries.

Thank you.

4

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
IMG_0906.png1170×2532 184 KB

thank you!

5

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.

6

All done. Thanks again!