How can I increase the product price size on the homepage?

Technical Q&A
1

Hi!

just wondering if anyone knows how to Is increase the product price size on the homepage in the “featured collections” tab? I know it can be done by increasing the “base font” size but I don’t want the base font to increase, just the price.

thank you!!

1 Like
2

Hi!

Could you provide a link to the page in question so I can take a look?

3

Hi!
the theme isn’t live yet but here is the link of a preview :slightly_smiling_face: it’s the impulse theme.

https://kya4axby4wgo0ocq-8439839.shopifypreview.com

4

@Gypsymoon

Hi,
Welcome to Shopify community,

Kindly Share your Store URL, So that i can help you.

thank you.

5

Thats Perfect!

Head into your theme.css file and search for ‘.grid-product__price’

You should then see this block of code:

.grid-product__price {
    font-size: calc(var(--typeBaseSize)*0.85);
    color: #000;
    color: var(--colorPrice);
    margin-top: 5px;
}

Change the 0.85 to a bigger number until you find a size you are happy with.

If you need a hand doing this, send me your STORE.myshopify.com link and I shall request access and make the change for you :slightly_smiling_face:

1 Like
6

@Gypsymoon

.grid-product__price {
    font-size: 18px !important;
}

Add this code in the bottom of theme.css file.

thank you.

7

Don’t add the extra line of code at the bottom as there is already an area for the font sizing, this will just create confusion for any future development.

Just edit the value that is already in the block I posted.

1 Like
8

Thank you! That worked perfectly!

9

You’re very welcome!

If you need any future help, feel free to private message me directly :slightly_smiling_face:

1 Like