Customization of the floating badge

Ask the Community Customization
1

Can we have this style with only one star badge?
However if the click on the badge i have to see the review with 5 stars not only 1.

thanks in advance

2 Likes
2

Hey there, @user22560 :wave:

You’d like to show only 1 star on mobile only, right?

1 Like
3

yes with round border without “x” to close it
Thanks

2 Likes
5

Rounded borders and hidden close button only for mobile, or for the desktop view as well?

1 Like
6

only for mobile

2 Likes
7

This code should do the trick :slightly_smiling_face:

@media (max-width: 500px) {
	[class*='LayoutSidebar__Inner-sc'] [class*='BadgeContainer__Inner-sc'] {
		margin-left: 0px;
		border-radius: 20px;
	}
	[class*='LayoutSidebar__Inner-sc'] [class*='Rating__Container-sc'] {
		flex-direction: column;
	}
	[class*='LayoutSidebar__Inner-sc'] [class*='RatingValue__Container-sc'] {
		margin: 0 !important;
	}
	[class*='LayoutSidebar__Inner-sc'] [class*='BadgeTotalReviews__Content-sc'] {
		display: none;
	}
	[class*='LayoutSidebar__Inner-sc'] [class*='RatingBar__Container-sc'] {
		flex-direction: column;
	}
	.es-rating-item:not(:first-child) {
		display: none;
	}
    .es-close-button {
        display:none;
    }
}
2 Likes