Compact slider / sticky compact slider widget
Change main slider color
/* сhange rating stars color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-count-text {color: skyblue;}
/* change 'Positive feedback' color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-feedback-text {color: skyblue;}
/* change reviews count color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-reviews-count {color: skyblue;}
/* change rating counter color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-count-number {color: skyblue;}
/* change top border color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge:before {background: skyblue;}
Change review slider color
/* сhange rating stars color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-rating-stars {color: skyblue;}
/* change reviews name color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name {color: dodgerblue;}
/* change reviews text color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-text {color: dodgerblue;}
/* change reviews date color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-date {color: dodgerblue;}
/* change feedback color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-slide-container .reputon-feedback-text {color: skyblue;}
/* change 'star rating' color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name-text {color: skyblue;}
Remove elements from the main slider
/* remove logo */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-image {display: none;}
/* remove rating stars */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-count-text {display: none;}
/* remove 'Positive feedback' */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-feedback-text {display: none;}
/* remove reviews countner */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-reviews-count {display: none;}
/* remove rating counter */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-info .reputon-count-number {display: none;}
/* remove top border */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge:before {content: none;}Remove elements from the review slider
/* remove logo */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-slide-container .reputon-image {display: none;}
/* remove rating stars */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-rating-stars {display: none;}
/* remove name color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name {display: none;}
/* remove text color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-text {display: none;}
/* remove date color */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-date {display: none;}
/* remove feedback */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-slide-container .reputon-feedback-text {display: none;}
/* remove '... star rating' */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-name-text {display: none;}
/* cremove top border */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge:before {content: none;}
Change background color
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-container {background: antiquewhite;}
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-bt-close {background: antiquewhite;}
/* change color when hover at element */
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-container:hover {background: wheat;}
/* Add this code to theme.liquid to change the widget section color. */
<style>
section:has(.reputon-ebay-reviews-widget .reputon-basic-slide) {background: bisque;}
</style> 
Change widget font
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge {font-family: 'Comic Sans MS' !important;}
Remove shadow and add border
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge {
box-shadow: none;
border: 2px solid rgb(79, 206, 106);}
Move the widget
/* move to the left of the block */
.reputon-ebay-reviews-widget {justify-content: flex-start !important;}
.reputon-ebay-reviews-widget .reputon-basic-slide {margin: 0 !important;}
/* move to the right of the block */
.reputon-ebay-reviews-widget {justify-content: flex-end !important;}
.reputon-ebay-reviews-widget .reputon-basic-slide {margin: 0 !important;}
/* center on mobile devices */
@media (max-width: 640px) {
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-badge {transform-origin: center;}}Change widget max-width
.reputon-ebay-reviews-widget .reputon-basic-slide .reputon-container {width: 400px !important;}Add margin above widget
.reputon-ebay-reviews-widget .reputon-basic-slide {margin-top: 100px !important;}Add margin below widget
.reputon-etsy-reviews-widget .reputon-basic-slide {margin-bottom: 100px !important;}Apply black-and-white filter
.reputon-ebay-reviews-widget .reputon-basic-slide {filter: grayscale(100%);}
Questions about CSS or need assistance? We're excited to help: support@reputon.com or live chat.
Last updated
Was this helpful?