Changing the Style (or hiding) Review Stars on Shop Page

.star-rating {height:1.2em}
.star-rating span {background:none; text-indent:0; text-align:center; font-size:11px; line-height:16px}

Thank you! But is there a way to remove the decimal point and add the word stars? So it reads”5 out of 5 Stars” instead of “5.00 out of 5”

Alternatively, is there a way to just show the actual stars, rather than the text?

Thank you!

I don’t think it would be possible to do either using css. It would be necessary to make a new page template linking to a new script to show that bit. A non-trivial task. PHP skills would be required or you would need to hire someone. Or you could hide it altogether with css.

Couldn’t I just pull it from the “WooCommerce Product Reviews Pro” plug in that I installed which currently shows star ratings on the product page under the reviews tab? This can be seen at: https://thebrainstimulator.net/product/tdcs-travel-model/#reviews

In the mean time, can you provide me with the code for hiding it on the shop page?

Sorry, don’t have that plug.

This will hide it on the shop page, but not the product page:

.star-rating {display:none}

Ok, I send off a support ticket to the creator of the plug in. I also noticed that the status bar shows up on the individual user reviews when I use the above code to remove star ratings from the Shop page.

Before, it just would say (__ out of __ stars) at the top of each individual review. Is there anyway to get that back? In other words, to ONLY have the numeric star ratings on the individual product pages, BUT NOT on the Shop. The code you gave me just gets rid of it everywhere..

Thank you for your help in this matter

Did you remove the css from post no. 2? I can’t find it in your page anywhere.

What I’m expecting to happen is the css from post no. 2 should restore the “5 out of 5” to the individual product page, and the css from post no. 6 should affect the shop page only.

I actually just noticed all of my edited CSS has disappeared!! I think it happened when I update my theme! Curse “WooThemes.com”!!

I’m rushing to recreate it all now, ARG.

You wouldn’t happen to know where edited CSS is stored would you? I used to go under “Appearance” and at the bottom under “Editor” there was a link called “Edit Styling” or something that would bring me to the code editor, but would hide all of the current CSS, and just had an area I could add my own to. I’m trying to find it in a backup now.

Sorry no, I don’t have access to your theme.

Ok thank you anyways,

I will let you know when I have all the coding in place and we can continue.

Thank you for your patience. I really appreciate your help on this matter.