Increasing the price font size on product page

Store Design
1

Hi, I used this CSS code but it does not chage the fone font size:

]

.product__info-container .price .price-item {
font-size: 21px !important;
}

Does anybody knows why?

2

Need to know what theme you’re using.
Ideally, share a link to your store (and preview password if one is set).

Could be an error in your .css file preventing this code from applying (what’s the square brace at the top?);
or selector does not match;
or there is another, more “powerful” rule overriding yours…

3

I’m using the Horizon theme. Store: hausno-7.com. The square bracket was an old CSS error that I’ve since fixed. The selector span.money works in Console but not in base.css — could there be a specificity issue?

4

Ok, so now:

  1. I can’t see the .price-item on your rendered page(s) – this is why your original code does not work. Likely, replaced by the currency conversion app;
  2. span.money works for me, both on collection and product pages. Also, specificity is kinda ignored with !important
    (kinda – because then it’s specificity competition between rules which has !important)
    Can be a cached page.

If you decide to have different font sizes for product page and collection grid, you can do:

.product-information .money {
  font-size: 48px;
}
product-card .money {
  font-size: 24px;
}

These would be pretty powerful selectors (unless they compete against !important).

Native theme code almost never use !important