How can I make the price appear in bold font on my website?

[Zakariatheguy]

Hello ,  

The price in bold font 

Website:https://www.auntclothing.com/collections/tshirt

Password:auntsoon

[Zakariatheguy]

How can I make the price (80 EUR) IN Bold

[AfterDarkGrafx]

Hello - 

1) click on ONLINE STORE

2) on right select the ACTIONS drop down or the 3 little dots to the left of the CUSTOMIZE button and select DUPLICATE to make a backup of your theme

3) select this same drop down and select EDIT CODE

4) scroll down on left and click on ASSETS

5) depending on your theme, there is a file called   base.scss or theme.scss or theme.css  - something like that. Select it

6) code will load on right

7) scroll ALL THE WAY DOWN TO THE BOTTOM OF THE FILE on the right and put in

.price {font-weight:bold;}

😎 Then SAVE top right.

This will make the price BOLD throughout the entire website.

9) click the icon TOP left of screen to EXIT this editor.

[ZenoPageBuilder · Accepted solution]

Hello @Zakariatheguy 👋

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.price {
    font-weight: bold !important;
}

The result

Hope that helps!

[Mkm2021]

working 2023 ..what about vendor?

[ZenoPageBuilder]

Hello @Mkm2021 

It depends on your theme. Can you send me the URL to the page?

[Mkm2021]

i managed to change price to bold but vendor i can not find any solution

im using dawn theme

[PageFly-Victor]

Hi @Zakariatheguy ,

This is Victor from PageFly - Advanced Page Builder App.

You can try with this code:

Please follow this:

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

Step 2: Search file base.css.

Step 3: paste below code in bottom of file -> save.

.price {

    font-weight: bold !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[GemPages]

Hello @Zakariatheguy 

You can follow these steps:
1. Go to Online Store->Theme->Edit code
2. Open your theme.liquid file, paste the below code before </body>

<style>
  .price span.price-item.price-item--regular {
    font-weight: bold;
}
</style>

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team