how to make prices bolder?

Store Design
, , , , , ,

Topic summary

A Shopify store owner wants to make product prices appear in bold and change grey prices to black on their site (redpandaoutdoor.in).

Initial Solutions Attempted:

  • Tech_Coding provided CSS code to add to theme.liquid targeting .price-list and .sale-price.text-lg classes
  • This solution didn’t work on the home page, only on product pages

Color Change Issue:

  • User also wanted to change grey prices (.text-subdued class) to black
  • Tech_Coding suggested targeting .text-subdued with color: #000 !important;
  • This approach also failed to work

Working Solution:

  • GTLOfficial provided alternative instructions: add CSS code to theme.css file (in assets folder) instead of theme.liquid
  • Code targets .text-subdued with both color: black !important; and font-weight: bold !important;
  • User accepted this solution as working

Key Takeaway: The issue was resolved by placing the CSS in the theme.css file rather than inline in theme.liquid, addressing both boldness and color requirements.

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

i want prices to be in bold..
URL: redpandaoutdoor.in

Want Prices To be dispay like these..

WhatsApp Image 2024-09-25 at 15.52.53_cc871568.jpg
WhatsApp Image 2024-09-25 at 15.52.53_cc871568.jpg739×1600 85.5 KB

2

Not working On Home Page

Screenshot 2024-09-26 105520.png
Screenshot 2024-09-26 105520.png1896×842 135 KB

3

Hello @Emiway

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.price-list, sale-price.text-lg { font-weight: bold !important; }

Tech_Coding_0-1727328642408.png
Tech_Coding_0-1727328642408.png855×199 12.7 KB

Tech_Coding_1-1727328812884.png
Tech_Coding_1-1727328812884.png1339×421 44.9 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

4

NOT WORKING ON HOME PAGE AND PRODUCT PAGE TOO

5

How to Make its colour to black on home page

6

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

sale-price.text-subdued { color: #000 !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

7

Want This Price To Be Black Which Are Grey

Screenshot 2024-09-26 110946.png
Screenshot 2024-09-26 110946.png1898×907 155 KB

8

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.text-subdued { color: #000 !important; }

Tech_Coding_0-1727329553206.png
Tech_Coding_0-1727329553206.png1340×456 139 KB

my reply helpful? Click Like to let me know!
your question answered? Mark MY all Solutions as an Accepted Solution.

9

Not Working :downcast_face_with_sweat:

10

HEllo @Emiway
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.css
add this code at the end of the file.

.text-subdued {
color: black !important;
font-weight: 1000 !important;
}

result

2.png
2.png949×585 13.1 KB

1.png
1.png1346×487 170 KB

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

11

Thanks for accepting the solution.
Please hit like button also.

12

Please hit like button also.