How can I change USD font weight in Dawn theme?

Shopify Discussion
1

Hi,

I would like to change the USD beside the product price from bold to regular, any one can help me to do it?

I am using Dawn theme.

Good_Mood_0-1701932953614.jpeg
Good_Mood_0-1701932953614.jpeg779×479 44 KB

2

Hi,

Please share your store url ?

Thanks

3

https://admin.shopify.com/store/cae01c-2/themes/162885665048/editor?previewPath=%2Fproducts%2F000000121

4

Hi @Good_Mood ,

Can your provide link to your store? The previous link you provided is the admin URL

5

Hi,

https://cae01c-2.myshopify.com/products/000000121

is this working?

6

Go to Online Store → Themes → Customize — click on the price section which you want to change then on left side go down to custom css.

2.JPG
2.JPG361×500 26.6 KB

add the following css in custom css or just copy paste it:

.price__regular .price-item–regular {
font-weight: 500;
}

click save

7

Thanks New_ Dev for your time.

The code changed the whole line the USD and the price also, i just want to make “USD” regular and the keep the price bold.

Thanks Again

8

Hi @Good_Mood ,

The requirement is not possible without making changes on the template files. As i do not have access to the theme files of your store, I have comeup with a workaround. In this approach, we will be using javascript to update the DOM structure.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag 
{% if product %}

{% endif %}

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka