Change price font size on sale product page

[oscaroline]

The price and the sale price font size is smaller on sale product page

I want to make everything the same without changing the font sizes on collection page.

I want to change the price and sale price font size ONLY on the product page

[Farouk-dev]

Hey @oscaroline ,

What’s the store url?

[oscaroline]

www.sundaypaloma.com

[Farouk-dev]

To The Change Price Font Size On Sale Product Page

Follow these steps below:

1. From your Admin Page, click Online Store > Themes >Actions > Edit code

2. In the Asset folder, open the component-price.css

3. Paste the code below at the very bottom of the file.

.price--on-sale .price-item--regular {
  text-decoration: line-through;
  color: rgba(var(--color-foreground), 0.75);
  font-size: 15px !important;
}

.price--on-sale .price__sale {
  display: initial;
  flex-direction: row;
  flex-wrap: wrap;
  color: red;
  font-size: 15px !important;
}

If this answers your questions, please remember to mark it as a solution.

[oscaroline]

It also changes the font size on collection page.

I want to change the font size on the product page only