Stars rating widget

Align in a row

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

---

Move to the left

.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-wrapper {justify-content: flex-start;}

---

Move to the right

.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-wrapper {justify-content: flex-end;}

---

Add margin above widget

.reputon-amazon-reviews-widget .reputon-stars-widget {margin-top: 100px !important;}

---

Add margin below widget

.reputon-amazon-reviews-widget .reputon-stars-widget {margin-bottom: 100px !important;}

---

Change rating color

.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-top-part {color: dodgerblue;}

/* change the color of the counter only */
.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-top-part .reputon-rating-count {color: dodgerblue;}

/* change the color of the rating stars only */
.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-top-part svg {color: dodgerblue;}

---

Change reviews counter color

/* change the color of the customer's name and the stars count */
.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-reviews-count {color: dodgerblue;}

---

Hide elements

/* hide rating counter */
.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-top-part .reputon-rating-count {display: none;}

/* hide reviews counter */
.reputon-amazon-reviews-widget .reputon-stars-widget .reputon-reviews-count {display: none;}

---

Questions about CSS or need assistance? We're excited to help: [e-mail] or live chat.