Make the product page price bold and bigger in mobile view

Shopify Discussion
1

Hello, How can I make the product page price bold and bigger in mobile view as it was too small. tried the css etc. and it didnt work

alalizaa_0-1731304605108.png

2

Hey @alalizaa

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @alalizaa

Thanks for your question,

Would you mind sharing the page link to check on it for you?

Thank you.

4

https://chefsupplyco.com.au/collections/chef-supply-co-products/products/sea-creature-series-8-20-6cm-45-layer-damascus-kiritsuke-chef-knife-with-full-tang-resin-handle-white-leather-sheath

5

Hi @alalizaa

You can follow the instruction here to round your collapsible row:

  1. Go to Shopify > Theme > Customize > open Custom CSS

  2. Copy and paste this codes to the section > Save. You can adjust the font weight ( bold) and font size as requested

@media (max-width: 767px) {
    .t4s-product__info-container .t4s-product-price {
        font-size: 24px
    }

.t4s-product-price.t4s-badge-sale ins {
    font-weight: 600;
}

here is the result :

LizHoang_0-1731306074891.png
LizHoang_0-1731306074891.png440×724 61.5 KB

1 Like
6

Hey @alalizaa

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1731306089643.png
Moeed_0-1731306089643.png364×537 21.4 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed