How to remove a sign on product page

Store Design
,

Topic summary

A user seeks to remove a “(0)” rating count display appearing under product prices on their store (pawshubs.com).

Multiple solutions provided:

  • Add CSS code p.rating-count.caption { display: none !important; } to theme.css, base.css, or style.css files
  • Alternative approach: Insert the same CSS within <style> tags in the theme.liquid file, placed inside the <head> section

Initial attempts failed:
The user reported that several CSS file modifications didn’t work initially, despite multiple community members providing similar solutions.

Resolution:
The issue was ultimately resolved using the theme.liquid method with inline CSS styling. The user confirmed success after implementing code directly in the <head> tag rather than in separate CSS files.

Key technical detail:
The target element was identified as p.rating-count.caption or .product__info-wrapper p.rating-count.caption, requiring the !important flag to override existing styles.

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

Hello everyone hope you are all are doing well.I want to remove in product page the sign (0) , its under prices.How can be removed

Screenshot_20240524_075002_Chrome.jpg
Screenshot_20240524_075002_Chrome.jpg1077Ă—1895 125 KB

2

Hey @VisarK

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.

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

Best Regards,
Moeed

3

Hello,

Please share your store url?

Thanks!

4

Hello @Moeed it doesnt work i tried

5

https://pawshubs.com

6

Hello @VisarK ,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open “theme.css” file.
  • Paste CSS code at the bottom.
  • Save changes.
  • Preview and publish if satisfied.
p.rating-count.caption {
    display: none !important;
}

Thanks!

7

Hi @VisarK ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSTechVenture_0-1716534553827.png
BSSTechVenture_0-1716534553827.png1902Ă—899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716534558783.png
BSSTechVenture_1-1716534558783.png1916Ă—934 101 KB

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

.product__info-wrapper p.rating-count.caption {
    display: none !important;
}

Here is result:

BSSTechVenture_2-1716534673111.png
BSSTechVenture_2-1716534673111.png1915Ă—888 182 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

8

Hi @VisarK Thanks for the URL, Please add the code in your theme.css/base.css/style.css file which is available in your theme.

p.rating-count.caption {
    display: none !important;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

sahilsharma9515_0-1716534627421.png
sahilsharma9515_0-1716534627421.png1603Ă—591 72.6 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

9

Hello @VisarK ,

I understand you are looking to remove the unnecessary sign(0) appearing in your Product Detail Page.

You can remove this by adding the below CSS code at the bottom on your store css file (base.css/ style.css/theme.css file) and save.

p.rating-count.caption {
display: none !important;
}

After applying code output will be like this -:

Anshul_arora_0-1716534863175.png
Anshul_arora_0-1716534863175.png1585Ă—820 162 KB

I hope the code helps you.

Please share if you need any further assistance.

Thank you.

10

I tried it doesnt work @topnewyork

11

@BSSCommerce-HDL i tried doesnt work

12

@sahilsharma9515 doesnt work

13

@Anshul_arora it doesnt work i tried also

14

Hello @VisarK ,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open “theme.liquid” file.
  • Locate the <head> tag and paste the code at the bottom of it.
  • Save changes.
  • Preview and publish if satisfied.

Thanks!

1 Like
15

Hello @VisarK,

  • Log in to Shopify Admin.
  • Navigate to Online Store > Themes > Actions > Edit Code.
  • Open “theme.liquid” file.
  • Locate the <head> tag and paste the code at the bottom of it.
  • Save changes.
  • Preview and publish if satisfied.
<style>
p.rating-count.caption {
    display: none !important;
}
</style>

Thanks!

1 Like
16

Hi @VisarK ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you’ll insert my code inside it

BSSTechVenture_0-1716536050647.png
BSSTechVenture_0-1716536050647.png1919Ă—873 121 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like
17

Now is good thanks a lot @topnewyork

1 Like