Stars rating widget
Align text in a row
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-container {flex-direction: row;}
Left adjustment
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-wrapper {justify-content: flex-start;}Right adjustment
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-wrapper {justify-content: flex-end;}Add margin above widget
.reputon-ebay-reviews-widget .reputon-stars-widget {margin-top: 100px !important;}Add margin below widget
.reputon-ebay-reviews-widget .reputon-stars-widget {margin-bottom: 100px !important;}Change rating color
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-top-part {
color: dodgerblue;}
/* change color of the counter only */
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-top-part .reputon-rating-count {color: dodgerblue;}
/* change the color of the rating stars only */
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-top-part svg {color: dodgerblue;}
Hide elements
/* hide rating counter */
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-top-part .reputon-rating-count {display: none;}
/* hide reviews counter */
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-reviews-count {display: none;}Change reviews counter color
/* change the color of the customer's name and the stars count */
.reputon-ebay-reviews-widget .reputon-stars-widget .reputon-reviews-count {color: dodgerblue;}
Questions about CSS or need assistance? We're excited to help: support@reputon.com or live chat.
Last updated
Was this helpful?