Rate us widget

Change rating color

/* сhange rating counter color */
.reputon-customer-reviews-widget .rating_widget [class*=reputon-rating-counter] {color: green;}

/* сhange rating stars color */
.reputon-customer-reviews-widget .rating_widget [class*=reputon-rating-stars] {color: green;}

---

Change link color

.reputon-customer-reviews-widget .rating_widget [class*=reputon-card-reviews-counter] {color: green;}

---

Change cards color

.reputon-customer-reviews-widget .rating_widget [class*=reputon-card] {
  background: antiquewhite;}

---

Change widget color

.reputon-customer-reviews-widget .rating_widget {background: antiquewhite;}

---

Hide logo

.reputon-customer-reviews-widget .rating_widget [class*=reputon-card-logo] {display: none;}

---

Hide rating

/* Hide counter only */
.reputon-customer-reviews-widget .rating_widget [class*=reputon-rating-counter] {display: none;}

/* Hide stars only */
.reputon-customer-reviews-widget .rating_widget [class*=reputon-rating-stars] {display: none;}

/* Hide full rating */
.reputon-customer-reviews-widget .rating_widget [class*=reputon-card-rating] {display: none;}

Hide counter

Hide stars

Hide full rating

---

Hide reviews counter

.reputon-customer-reviews-widget .rating_widget [class*=reputon-card-reviews-counter] {display: none;}

---

Add margin

/* Add a margin above the widget */
.reputon-customer-reviews-widget .rating_widget {margin-top: 200px;}

/* Add a margin below the widget */
.reputon-customer-reviews-widget .rating_widget {margin-bottom: 200px;}

---

Change widget width

.reputon-customer-reviews-widget .rating_widget {width: 600px;}

---

Hide widget on mobile devices

@media (max-width: 460px) { 
  .reputon-customer-reviews-widget .rating_widget {display: none !important; }}

---

Apply black-and-white filter

.reputon-customer-reviews-widget .rating_widget {filter: grayscale(100%);}

---

Have questions or need help with CSS? We're excited to help: [e-mail] or live chat.