Sticky slider modal
Change rating color
/* сhange review rating color */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-card .reputon-rating-stars {color: green;}
/* сhange header rating stars color */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-stars {color: green;}
/* сhange header rating counter color */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-rating {color: green;}
Change name color
/* change reviews name only */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-name {color: red;}
Change review text color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-text {color: red;}
Change publishing date color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-date {color: red;}
Change 'show more' color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-show-more {color: red;}
Remove underline from 'show more' button
.reputon-google-reviews-widget .reputon-slider-modal .reputon-show-more span {text-decoration: none;}
Change reviews counter color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-reviews-counter {color: red;}
Change header border width, style and color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-header {border: 3px solid red !important;}
Change review border width, style and color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-top-part {border: 3px solid red;}
Change review card background color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-top-part {background: #eed5d5;}
Change header background color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-header {background: #eed5d5;}
Change body background color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-container {background: #eed5d5;}
Change scroll color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-container::-webkit-scrollbar-thumb {background: red;}
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-container::-webkit-scrollbar-track {background: black;}
Change close button
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-close {color: red;}
Change “Verified” icon color
.reputon-google-reviews-widget .reputon-slider-modal .reputon-verified-icon {color: red;}
Change widget font
.reputon-google-reviews-widget .reputon-slider-modal {font-family: Comic Sans MS !important;}
Hide customer avatar
.reputon-google-reviews-widget .reputon-slider-modal .reputon-single-review .reputon-image {display: none;}
Hide customer name
.reputon-google-reviews-widget .reputon-slider-modal .reputon-single-review .reputon-name {display: none;}
Hide review posting date
.reputon-google-reviews-widget .reputon-slider-modal .reputon-date {display: none;}
Hide header content
/* hide entire header */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-header {display: none;}
/* hide reviews counter */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-reviews-counter {display: none;}
/* hide rating stars */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-stars {display: none;}
/* hide rating counter */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-rating {display: none;}
/* hide Google logo */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-header-logo {display: none;}
Change widget width
.reputon-google-reviews-widget .reputon-slider-modal .reputon-slider-modal-container {
width: 700px;}
Hide Google logo from reviews
.reputon-google-reviews-widget .reputon-slider-modal .reputon-review-logo {display: none;}
Hide rating from reviews
.reputon-google-reviews-widget .reputon-slider-modal .reputon-rating-stars {display: none;}
Change top part of reviews
/* hide top part */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-single-review
.reputon-review-header {display: none;}
/* move to the bottom */
.reputon-google-reviews-widget .reputon-slider-modal .reputon-single-review .reputon-review-header {order: 5;}
Apply black-and-white filter
.reputon-google-reviews-widget .reputon-slider-modal {filter: grayscale(100%);}
Have questions or need help with CSS? We're excited to help at support@reputon.com or live chat.
Last updated
Was this helpful?