How to make price on sale crossed out same size as original price?

Store Design

Topic summary

Goal: Make the crossed‑out sale price display at the same size as the original price on a Shopify storefront.

Key steps provided:

  • Shopify Admin > Online Store > Theme > Edit code.
  • Open theme.liquid.
  • Insert the provided code snippet just before the closing tag.

Notes:

  • The exact code snippet isn’t shown in the excerpt, but it was shared by the helper and intended to adjust price styling (likely via CSS).
  • A result screenshot demonstrates the sale (crossed‑out) and original prices appearing in matching size.
  • Initial back‑and‑forth requested the store URL and moved to private messages for details.

Outcome/status:

  • A concrete fix and placement instructions were given, with visual confirmation of success.
  • The helper asked to mark the answer as the solution, suggesting the issue is resolved pending user confirmation.
Summarized with AI on December 15. AI used: gpt-5.
1

How to make the price on sale crossed out the same size as original price?

IMG_6980.jpeg
IMG_6980.jpeg1284Ă—927 42.6 KB

2

@sesh , could you kindly share your store url ?

3

How can I message you private

4

I’ve sent you the message, please check

5

@sesh ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1730381146367.png
BSSCommerceB2B_0-1730381146367.png1132Ă—884 9.95 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

1 Like