How can I reduce the size of my sale price display?

Store Design
1

Hello,

I need help making my sale price size smaller. Here is a screenshot of the issue:

IMG_9593.jpg
IMG_9593.jpg1170Ă—1474 110 KB

My url is: designsfordivine.com

Thanks

2

Hi @omero

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.price--on-sale .price-item--regular { font-size: 13px;}

Result:

Ribe_Dagandara_0-1691944212578.png
Ribe_Dagandara_0-1691944212578.png346Ă—186 17.7 KB

I hope it help.

" :glowing_star: Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! :raising_hands: "

3

it didn’t work for me

4

I made few changes in component.price.css and I was able to make it smaller, but now it is very small to the eye.

I couldn’t figure out how to make the after discount price bigger, can you help me with that please?