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

[Yusa1]

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

[StudioEnchant]

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 😀

[Yusa1]

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

[StudioEnchant]

Can you attach the code?