Stars rating widget
Align in a row
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-container {flex-direction: row;}
Move to the left
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-wrapper {justify-content: flex-start;}
Move to the right
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-wrapper {justify-content: flex-end;}
Add margin above widget
.reputon-etsy-reviews-widget .reputon-stars-widget {margin-top: 100px !important;}Add margin below widget
.reputon-etsy-reviews-widget .reputon-stars-widget {margin-bottom: 100px !important;}Change rating color
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-top-part {color: dodgerblue;}
/* change counter color only */
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-top-part .reputon-rating-count {color: dodgerblue;}
/* change rating stars color only */
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-top-part svg {color: dodgerblue;}
Hide elements
/* hide rating counter */
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-top-part .reputon-rating-count {display: none;}
/* hide reviews counter */
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-reviews-count {display: none;}Change reviews counter color
/* change customer name and stars count color*/
.reputon-etsy-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?