Solved

How to make price font bigger - Sense theme

forhaus
Excursionist
19 0 15

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!

Accepted Solution (1)
ZenoPageBuilder
Shopify Partner
1052 203 219

This is an accepted solution.

Hello @forhaus 

You can try this code instead

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

  

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 6 (6)

ZenoPageBuilder
Shopify Partner
1052 203 219

Hello @forhaus 👋

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

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
forhaus
Excursionist
19 0 15

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 ?

ZenoPageBuilder
Shopify Partner
1052 203 219

This is an accepted solution.

Hello @forhaus 

You can try this code instead

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

  

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
forhaus
Excursionist
19 0 15

Worked!! Thank you for your support 🙂

SkinGLowUp
Tourist
4 0 1

This also helped me, thank you!

EcomGraduates
Shopify Partner
588 48 79

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