How can I change the price number to bold and adjust the title font size?

Yusa1
Excursionist
46 0 1

Hello,

Anyone able to change the "PRICE Number" to bold

and put the Title font for mobile just slightly smaller.

 

I also noticed there is an issue with my columns on certain screen sizes,

check here: https://share.getcloudapp.com/9Zuyx4wN

Yusa1_0-1688485953451.jpeg

 

 

Replies 3 (3)

StudioEnchant
Shopify Partner
245 40 38

In your component-price.css file, find .price--large

 

Then paste the following code instead the existing one:

 

.price--large {
  font-size: 1.6rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  font-weight: bold;
  letter-spacing: 0.13rem;
}

@media screen and (min-width: 750px) {
  .price--large {
    font-size: 1.8rem;
    font-weight: bold;
  }
}

 

Also of course you can play with the parameters as you wish

Good luck!

 

Please mark solved if this helped you 😀

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
Yusa1
Excursionist
46 0 1

Hey Thanks, I just wanted to put the Price "number" in bold not all of it.

StudioEnchant
Shopify Partner
245 40 38

Can you attach the code?

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.