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

Technical Q&A
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
Yusa1_0-1688485953451.jpeg300×400 19.2 KB

2

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 :grinning_face:

3

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

4

Can you attach the code?