Custom CSS for "price"

Store Design
1

I’m trying to make the product price bold on my Shopify website using custom CSS code.

Does anyone know what custom CSS code would work to make this possible?

I’m using a bundle app from the Shopify store that allows me to enter custom CSS code.

2 Likes
2

Hello @alongsideyou

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

Hello,

Please share “Store URL”

Thanks!

4

Hey @alongsideyou

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

5

Thank you!

6

Thank you

7

Thank you!!

1 Like
8

Hey @alongsideyou

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1732530850354.png
Moeed_0-1732530850354.png503×717 34.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

9

Hello @alongsideyou
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->section-main-product.css
add this code at the end of the file and save.

.product__title>*
font-weight: 900;
}

result

28.png
28.png580×353 21.7 KB

If this was helpful, hit the like button and accept the solution.
Thanks

10

Hello,

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
dd.price.price--end {
    font-weight: 900 !important;
}

Thanks!