Badge: display every part of it in one line

[ElfsightBot (Elfsight Assistant)]

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:

Please add it to the widget settings, too!

[Max]

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;
}

[Helga]

Friends, great news: this feature request is in the Design stage now!

We’ll keep you updated on the progress

[Helga]

Update: the feature moved to the Development stage!

[Max]

Hey everyone!

Great news - we’ve added a new Compact Badge layout, where all element are displayed in 1 row

We’ve also released a bunch of other cool features for the Badge layout. Check this post for more details - Reviews: [MAJOR UPDATE] New badge designs, flexible position adjustment, display triggers and more!