How can I reduce the font size of product prices in a Color Block theme?

Store Design
1

I want to Decrease my Font Size for the Product Price. Using a Color Block theme

1 Like
2

Hello There,

  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:
span.price-item.price-item--regular {
    font-size: 15px;
}
3

It’s not working

1 Like
4

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

5

https://infiniahomeandkitchen.com/

Pwsd - mdapl

6

Hello @Akshay_solanki

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.product__info-container span.price-item.price-item--regular {
    font-size: 16px !important;
}
7

@oscprofessional

It’s not working

Screenshot 2023-05-18 at 3.29.33 PM.png
Screenshot 2023-05-18 at 3.29.33 PM.png2250×1204 288 KB

8

Hi @Akshay_solanki,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-price.css

Step 3: Paste the below code at the bottom of the file → Save

.price__container * {
    font-size: 16px !important;
}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

9

Hey @PageFly-Oliver This worked thank you so much

10

You are welcome. I’m glad when I can help you :heart_eyes: