Hide star rating hover on product image in woocommerce shop pages

[Woordenaar]

Hi there

I would like to remove the star rating on product images in the woocommerce shop pages. I added this CSS under Customizer > Custom > CSS:

.woocommerce .star-rating,
.woocommerce-page .star-rating {
  display:none;
}

This hides the star rating but instead is showing a little dark grey square block…

This image shows what I mean (I’ve circled the grey square in red on this picture):

How could I remove this block?

[christopher]

Hi there,

Please kindly delete the code you have mentioned in the question and instead add the code below to X > Launch > Options > CSS:

.woocommerce .star-rating-container {
    display: none;
}

Thank you.

[Woordenaar]

Super! That did the trick

[thai]

You’re welcome.