I want the font size of sale price and regular price same

Technical Q&A
, , ,

Topic summary

A Shopify store owner wants to make the regular price font size match the sale price font size, but only on the product page’s product info container section—not in related products, search bar, homepage, or other elements.

Current situation:

  • Sale price appears at desired size (20px, font-weight 600)
  • Regular price is smaller (18px) in the product info container
  • Changes have already been applied globally, but the product page container remains unchanged

Attempted solution:
A support representative provided CSS code using Liquid conditionals to target product pages specifically, inserted before </body> in theme.liquid. However, the code either didn’t work or affected unintended areas (related products, search bar).

Status: Unresolved. The user continues seeking a solution that targets only the product info container section, with the suggestion to wait for additional community responses or contact Shopify support directly.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

Hello

Thanks in advance.

Let’s talk straight forward, So actually the issue is that I want to change the font size of price (product which is not on sale) exactly same as the sale price (product which is on sale). In rest all of the elements such as related products, search bar, homepage, etc. everywhere the changes have been made. I ONLY WANT THE CHANGES TO BE DONE ON PRODUCT PAGE (PRODUCT INFO CONTAINER). THAT’S IT. So please accordingly provide solution. Because I have got many answers on this but still not resolved my problem.

For deep understanding I am attaching screenshots of product which is NOT ON SALE and product which is ON SALE. For any further queries please connect with me.

21.08.2023-2.PNG
21.08.2023-2.PNG1366×693 120 KB

21.08.2023.PNG
21.08.2023.PNG1366×695 108 KB

Website link: www.swayur.com

2

Hi @swayurindia ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Beae_Anthony_0-1692637256626.png
Beae_Anthony_0-1692637256626.png1298×552 134 KB

Best regards,

Anthony

3

Hello it is not getting changed. Please give me some other code.

4

Sorry about that, you can try again with this code below:
5

Still not solved dear, I have mentioned the following line in above discuss itself “all of the elements such as related products, search bar, homepage, etc. everywhere the changes have been made. I ONLY WANT THE CHANGES TO BE DONE ON PRODUCT PAGE (PRODUCT INFO CONTAINER)”

Your code is making the font size for price of product not on sale CHANGED in all the elements.

6

As you can see in the above code I used liquid so it only affects product pages. I have tried and succeeded on my personal store. You can change the font-size and font-weight values so that you can match the parts you don’t want to change. If you still get the error, you can wait for other answers from the community or contact shopify support.

Best regards,

Anthony

7

Hi

I want the changes to be made on the Product Info Container Section only (for the price of the product which is not on sale)

I don’t want it to get changed in related products and the search bar section. In these two sections, the price is looking better.

But in (product-info-container) the price for the product which is not on sale is 18px but I want it to change to (20px and 600 font-weight)