I’m glad to know that my colleague’s response was very helpful. ??
May I also ask what CSS can I use to hide star rating but only on the product page grid under the product itself instead of hiding them from the whole site?
This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following codes:
.single-product .woocommerce-tabs .star-rating {
display: none !important;
}
(Optionally) The code provided below will prevent the customer from adding star review to your products:
?
/* This code will not let the customer add star rating to any of your products */
.single-product .woocommerce-tabs .comment-form-rating {
display: none;
}?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page)
I hope that helps!