How to make price font bigger - Sense theme

Store Design
, ,
1

Hi there

Anyone knows how to make the price font bigger in product page only in the product information section? I’m using Sense theme.

Thanks a lot!

2

Hello @forhaus :waving_hand:

In Shopify Admin you can go to Themes, Edit code, open file base.css and add this code snippet at the bottom

.price-item {
    font-size: 120% !important;
}

The result

Screen Shot 2022-10-25 at 17.28.43.png
Screen Shot 2022-10-25 at 17.28.43.png662×189 23.6 KB

Hope that helps!

3

Thank you for your reply. The problem with this is that is changing the price text size in all sections of the site and I need this change only in product page and specifically in the product information section.

Do you have a turn around ?

4

Hello there

try going to the theme editor and look for the file component
then search for:

.price__regular .price-item--regular

then add this under it to look like this:

margin-right: 0;
    font-size: x-large;
}

Hope this helps just for the price to be larger

5

Hello @forhaus

You can try this code instead

.product__info-wrapper .price-item {
    font-size: 120% !important;
}
6

Worked!! Thank you for your support :slightly_smiling_face:

7

This also helped me, thank you!