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

Hello ,

The price in bold font

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

Password:auntsoon

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

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;}

:smiling_face_with_sunglasses: Then SAVE top right.

This will make the price BOLD throughout the entire website.

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

Hello @Zakariatheguy :waving_hand:

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!

1 Like

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

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

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

working 2023 ..what about vendor?

Hello @Mkm2021

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

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

im using dawn theme