How can I adjust the font size of price tags in the Be Yours theme?

Shopify Discussion
1

Hi!
In the Be Yours theme it is not possible to change the font size of the price tag in the collections and product overview. I find it quite small and would like to make it larger.

Does anyone know how to do that?

Thank you in advance!
Charlotte

2

@CBenzing Can you please share store URL?

3

@CBenzing Please follow these steps -

  1. Go to Online Store

  2. Edit Code

  3. Find for component-price.css file and open it

  4. Go to the last line of the file and paste below code

.price .price__suffix{
font-size: 24px !important;
}
.price bdi{
font-size: 24px !important;
}

Your price font will be increase and you can adjust as per your requirement by changing the value of font-size.

Please like and mark as solve!

1 Like
4

Thank you, Sandeep!
The font size did get bigger, but so did the decimals. How do I make them smaller?

5

@CBenzing Whole price is added in one tag so we can’t separate and do smaller.

Please mark as solve my solution.

6

Hi again – I found out, though. I changed the suffix font size to smaller vs the bdi. That worked :slightly_smiling_face:

Thank you for your help :slightly_smiling_face: