How to change price font size and color on product page in Yuva theme?

Store Design
,
1

I want to change the font color and size of the price on product page. I use the Yuva theme. If you need it, you can visit the website 5c252b-bc.myshopify.com. Thank you!

4.png
4.png947×462 41 KB

1 Like
2

Hello @OneChefOn

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.yv-pricebox-outer .yv-product-price {
font-size: 15px;
color: red;
}

devcoders_0-1745807349735.png
devcoders_0-1745807349735.png1335×449 202 KB

1 Like
3

I can’t find base.css. Also, can the color setting be in color number format? For example, #FFFFFF

1 Like
4

Hello @OneChefOn

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.min.css and paste this at the bottom of the file:
.yv-pricebox-outer .yv-product-price {
font-size: 15px;
color: #e01212;
}
2 Likes
5

Hi @OneChefOn , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code

Step 2 :Find theme.min.css file

Step 3: Paste this code at the bottom of the file

.yv-pricebox-outer .yv-product-price {
  font-size: 16px;
  color: #666666;
}

Result:

B2Bridge_0-1745808018632.png
B2Bridge_0-1745808018632.png627×495 26.5 KB

If this helpful, please let us know by giving us a like and marking it as a solution. Thanks

1 Like
6

Hi @OneChefOn

you can add this css code to customize Price size & color on your product page:

.yv-prizebox .yv-product-price{
  color: red;
  font-size: 25px;
}
1 Like
7

Thank you very much, my problem solved.

1 Like
8

Hello @OneChefOn

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance. If helpful, please like all posts.

2 Likes