Hello guys, can you please help me modify the CSS to display the price text in bold?
Topic summary
A user seeks help making price text bold in the Debutify Shopify theme, providing a screenshot showing the current price display.
Three different CSS solutions were offered:
Solution 1 (Mustafa_Ali):
- Target selector:
span.price.price--regular.price--sale.text-sale - Add
font-weight: bold; - Insert in theme.liquid file under
<style>tag
Solution 2 (TheScriptFlow):
- Target selector:
span.gx-2.gy-1.row.row-cols-auto.justify-content-center.text-center - Add
font-weight: bold !important; - Insert at end of theme.css file
- Includes before/after screenshot
Solution 3 (B2Bridge):
- Target selector:
.product-item__price-wrapper span .money - Add
font-weight: 600 !important; - Insert in component-card.css file
- Includes implementation screenshot
All solutions follow similar approach of adding CSS font-weight rules but target different selectors and files. The discussion remains open with no confirmed resolution from the original poster.
Hi @tepy15
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
span.price.price--regular.price--sale.text-sale {
font-weight: bold;
}
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution
1 Like
Hey @tepy15 I hope you are doing well. I am Qasim a Sr. Shopify Developer and Official Shopify Partner.
In order to make the price bold on Product page please paste this code in the end of theme.css file.
Here is theme file Online Store > Edit code > theme.css file.
span.gx-2.gy-1.row.row-cols-auto.justify-content-center.text-center {
font-weight: bold !important;
}
After that you will get this result.
If you need more help please let me know.
If this was helpful please mark as solution and like it.
Thanks
1 Like
Hi @tepy15 , you can follow these steps:
Step 1: Open Online Store → Themes → Edit code.
Step 2: Find component-card.css file
Step 3: Paste this code at the bottom of the file
.product-item__price-wrapper span.money {
font-weight: 600 !important;
}
If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you 
1 Like