How to get currency symbol below the discounted price in featured collection section dawn theme

Shopify Discussion

Topic summary

A user needed help positioning the currency symbol below the discounted price in Dawn theme’s featured collection section.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Paste custom CSS code before the closing tag
  • The code targets .card-information > .price > .price__container elements to adjust display properties

Issue Encountered:
After applying the initial code, products not on sale displayed prices twice (screenshot provided).

Revised Solution:
A corrected CSS snippet was provided targeting .collection .card-information > .price > .price__container > div > span with display: inline-block and width: 100% properties. This replacement code resolved the duplicate price display issue.

Resolution:
The user confirmed the updated code worked correctly and thanked the support team for their assistance.

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

Hey, how to get the currency symbol below the discounted price in featured collection section dawn theme.

Untitled design (1).png
Untitled design (1).png654×778 264 KB

2

Hello @suryagoswami7 ,

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you? :grin:

Best regards,
GemPages Support Team

3

sure!

4

Hello @suryagoswami7

You can follow these steps:

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

GemPages_0-1669875708270.png
GemPages_0-1669875708270.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1669875917171.png
GemPages_1-1669875917171.png992×821 32.3 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

hey @GemPages ,

Thank you soo much it worked perfectly!

6

Hey, There is a issue after applying this code. The product which are not on sale are showing the price 2 times please help.

Screenshot 2022-12-02 at 10.20.54 PM.png
Screenshot 2022-12-02 at 10.20.54 PM.png2048×288 14.4 KB

7

Hey @GemPages , Please help me fix this issue. Thanks in advance.

8

Hello @suryagoswami7

Sorry about the above issue and the time zone difference caused me to reply late. You can use this code instead of the code I sent above:

.collection .card-information>.price > .price__container > div >span {
    width: 100%;
    display: inline-block;
}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

9

Hey @GemPages , Thanks for replying, should i paste this code in the theme.liquid file itself?

10

Hello @suryagoswami7

That’s right, you use the code I just submitted instead of the old one. Similar to the photo:

GemPages_0-1670292618452.png
GemPages_0-1670292618452.png1294×851 35.5 KB

Kind & Best regards,
GemPages Support Team

11

Thank you @GemPages for helping me out.

12

Hello @suryagoswami7

Happy designing and do not hesitate to raise your concerns up if any, we are always willing to assist you.

Kind & Best regards,
GemPages Support Team

1 Like