Change widget main color

.reputon-etsy-reviews-widget .reputon-basic .reputon-info .reputon-image,
.reputon-etsy-reviews-widget .reputon-basic .reputon-info .reputon-rating-stars {
	color: skyblue;}

.reputon-etsy-reviews-widget .reputon-basic .reputon-badge:before {
	background: skyblue;}

changed main color

changed main color


Change rating color

.reputon-etsy-reviews-widget .reputon-basic .reputon-rating-stars {
	color: skyblue;}

changed the color

changed the color


Change widget font

.reputon-etsy-reviews-widget .reputon-basic .reputon-badge {
	font-family: 'Comic Sans MS';}

changed the font family for widget

changed the font family for widget


Center widget content

.reputon-etsy-reviews-widget .reputon-basic .reputon-content {
	align-items: center;}
.reputon-etsy-reviews-widget .reputon-basic .reputon-name {
	text-align: center;}

centered the content

centered the content


Change background color

.reputon-etsy-reviews-widget .reputon-basic .reputon-container {
	background: antiquewhite;}
	
/* hovered state color */
.reputon-etsy-reviews-widget .reputon-basic .reputon-container:hover {
	background: brown;}

/* If you want to change the color of the entire section containing the widget,
insert this code into theme.liquid file */
<style> 
	section:has(.reputon-etsy-reviews-widget .reputon-basic) {
	  background: bisque;
	}
</style> 

Untitled