Stars rating widget

Align in a row

.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-container {flex-direction: row;}

/* add some space */
.reputon-etsy-reviews-widget .reputon-stars-widget .reputon-container {gap: 10px;}

---

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: [e-mail] or live chat.