Small/minimized compact rating widget
Remove widget elements
/* remove logo */
.reputon-ebay-reviews-widget .reputon-small .reputon-image {display: none;}
/* remove rating count */
.reputon-ebay-reviews-widget .reputon-small .reputon-rating-count {display: none;}
/* remove rating stars */
.reputon-ebay-reviews-widget .reputon-small .reputon-rating-stars {display: none;}
/* remove reviews count */
.reputon-ebay-reviews-widget .reputon-small .reputon-reviews-count {display: none;}
/* remove 'Positive feedback' */
.reputon-ebay-reviews-widget .reputon-small .reputon-reviews-marktext {display: none;}
Change widget color
/* Rating stars color */
.reputon-ebay-reviews-widget .reputon-small .reputon-rating-stars {color: red;}
/* 'Positive feedback' color */
.reputon-ebay-reviews-widget .reputon-small .reputon-reviews-marktext {color: red;}
/* Reviews count color */
.reputon-ebay-reviews-widget .reputon-small .reputon-reviews-count {color: red;}
/* Rating counter color */
.reputon-ebay-reviews-widget .reputon-small .reputon-rating-count {color: red;}
Change background color
.reputon-ebay-reviews-widget .reputon-small .reputon-container {background: #b8ddd1;}
/* change color when hover at element */
.reputon-ebay-reviews-widget .reputon-small .reputon-container:hover {background: #b8ddd1;}
/* Add this code to theme.liquid to change the widget section color. */
<style>
section:has(.reputon-ebay-reviews-widget .reputon-small) {background: bisque;}
</style> 
Change widget font
.reputon-ebay-reviews-widget .reputon-small .reputon-badge {font-family: 'Comic Sans MS' !important;}Move the widget
/* move to the right of the block */
.reputon-ebay-reviews-widget .reputon-small {margin: 0 !important;}
.reputon-ebay-reviews-widget {justify-content: flex-end !important;}
/* move to the left of the block */
.reputon-ebay-reviews-widget .reputon-small {margin: 0 !important;}
.reputon-ebay-reviews-widget {justify-content: flex-start !important;}
/* center on mobile devices */
@media (max-width: 800px) {
.reputon-ebay-reviews-widget .reputon-small .reputon-badge {
transform-origin: center;}}Change widget width
💡 *min width: 205px;*
.reputon-ebay-reviews-widget .reputon-small .reputon-container {width: 270px !important;}Add margin above widget
.reputon-ebay-reviews-widget .reputon-small {margin-top: 100px !important;}Add margin below widget
.reputon-ebay-reviews-widget .reputon-small {margin-bottom: 100px !important;}Apply black-and-white filter
.reputon-ebay-reviews-widget .reputon-small {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?