How can I adjust the price font size in the Prestige theme?

Store Design
1

Hello,

I’d like for the price on the product pages to appear thicker and bigger. The theme i use is Prestige. Does anyone know which code i should use for this?

Cheers

Vicky

1 Like
2

@vicky_m

Please share your store URL.

3

hii, @vicky_m
Please share your store URL so,
i can give you aproper solution.
Thank You.

4

www.saya-accessories.com

thank you

1 Like
5

@vicky_m

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (min-width: 641px){
.template-product h1.ProductMeta__Title.Heading.u-h2 {
    font-size: 26px;
    font-weight: bold;
}
}

Hope this works.

Thanks!

6

Hii, @vicky_m
Paste this code in top of theme.scss file.

.Price {
    display: inline-block;
    font-size: 24px !important;
    font-weight: bold !important;
}

Thank You.

7

thanks everyone problem solved :smiley:

8

This works, except that it changes the prices everywhere else as well, including the “recommended products” and “recently viewed products” and on the collections page. Is there a more specific code that can be used to only change the price in the main product listing?