How can I make the price bold on the Expanse theme?

Store Design
,

Topic summary

Topic: After updating the Shopify Expanse theme, the poster wants to remove the “Price” label on product pages and make the price text bold.

  • Proposed approach: Add custom CSS in theme.liquid. Hide the label with .product-block.product-block–price label { display: none !important; } and bold the amount with span.product__price span { font-weight: 800 !important; }.

  • Implementation: Go to Online Store > Themes > Edit code, open theme.liquid, and paste the CSS either before or under . Some replies showed empty code blocks, but screenshots indicated correct placement and the expected bold result.

  • Current status: The “Price” label was successfully removed, and bold styling works on desktop. The poster reported it did not apply on mobile.

  • Mobile fix suggested: Add a media query for small screens, e.g., @media screen and (max-width: 767px) { span.product__price span { font-weight: 900; font-size: 25px; } }. Note: Shared snippets had minor typos/spacing that likely need correction.

  • Outcome: No final confirmation that the mobile CSS resolved the issue; discussion remains open.

Summarized with AI on December 30. AI used: gpt-5.
1

Hi Guys, I recently updated my Expanse theme to the newest version. All my configuration disappeared after the update. I would like to remove the word ‘‘price’’ on product page and also make the price bold enough. How should I do that?

Thanks!

www.hyggehusmobler.se

Screenshot 2024-02-25 at 03.22.58.png
Screenshot 2024-02-25 at 03.22.58.png2804×1476 214 KB

2

Hi @Eze_Paul ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

1 Like
3

Hello @Eze_Paul

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

.product-block.product-block--price label { display: none !important; } span.product__price span { font-weight: 800 !important; }

techlyser_web_0-1708837091878.png
techlyser_web_0-1708837091878.png599×242 18 KB

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

1 Like
4

Hey @Eze_Paul ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708840312860.jpeg
ThePrimeWeb_0-1708840312860.jpeg1253×933 87.9 KB

Result:

ThePrimeWeb_1-1708840343401.png
ThePrimeWeb_1-1708840343401.png255×226 2.79 KB

1 Like
5

Thank you!, The price word is gone, but the price bold only works on desk, any code for both desk and mobile?

6

Great! The price word is gone, but the price bold only works on desk, any code for both desk and mobile?

Thank you!

7

@Eze_Paul
Firstly Please accept my solution.

8

@Eze_Paul

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

@media screen and(max-width: 767px){ span.product__price span { font-weight: 900 !important; font-size: 25px !important; } }

techlyser_web_0-1708859015833.png
techlyser_web_0-1708859015833.png163×228 4.98 KB

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

1 Like
9

Hey @Eze_Paul ,

I don’ think you used the code I provided.

1 Like
10

ssssssssssssssssss