Badge: display every part of it in one line

Wishlist Google Reviews
1

To display everything in one line, please use this code:

[class^="BadgeContainer__Inner"] {
flex-direction: row;
flex-wrap: nowrap;
}
[class^="Rating__Container"] {
margin-top: 0 !important;
}
[class^="BadgeSources__Container"] {
margin-right: 8px;
}
[class^="BadgeLayout__Inner-sc-"] {
display:flex;
align-items: center;
justify-content: center;
}
[class^="SupplierList__Component-sc-"] {
padding-right: 15px;
}

Then your widget will look like this:
image

Please add it to the widget settings, too!

1 Like
2

Here is also another version of the CSS code for it:

.global-styles, [class*='BadgeTotalReviews__Content-'] {
margin-left: 7px;
width: 50px;
}

.global-styles, [class*='BadgeContainer__Inner-'] {
flex-direction: row;
}

.global-styles, [class*='Rating__Container-'] {
margin-top: 0!important;
margin-left: 5px;
}