Stars not showing right

Hello keith93ad,
It is a CSS conflict with your theme and can easily be solved by some CSS code.
Can you send a product link where the problem happen? Just viewed your site but I did not find a product with reviews.

Hello Julian,

Here is product link: https://www.aeroflydrones.com/product/maverick-ace-x12-drone/

Also while I was testing this plugin out and on closer look, when you click on a user’s review feedback popup, the half side of the popup is empty while on the left is picture, username and review feedback. What is the CSS code to fix both stars and half-empty review feedback popup?

Greatly appreciate your help! ??

Hi keith93ad,
Please copy these code to the plugin custom css field:

.wcpr-modal-light-box,
.wcpr-modal-light-box *{
	box-sizing: border-box;
}
.woocommerce .star-rating{
	float: left !important;
	width: 5em !important;
}

.woocommerce .star-rating:before,
.woocommerce .star-rating span:before{
	font-size: inherit;
	letter-spacing: 1px !important;
}
.wcpr-overall-rating-right-total{
	float: left;
}

• This reply was modified 6 years, 7 months ago by kimvt1991.

It is fixed, however I still have a minor issue that needs to be tweaked.

Is it possible to move the reviewer’s feedback on popup to bottom of the picture instead of having picture on other half side and reviewer’s feedback on other half side.

Thanks

You can try this:

#reviews-content-left, #reviews-content-right{
    width: 100% !important;
}
#reviews-content-right.wcpr-modal-content{
    padding: 15px 20%;
}
#reviews-content-left #reviews-content-left-modal .reviews-images-wrap{
    max-width: 48px;
}