Unfortunately, it’s impossible to recreate the same badge design and I’ve moved your idea back to the Wishlist.
If you still wish to display all elements in 1 line, please use this code in the Custom CSS field on the Style tab of your widget’s settings:
[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;
}
By the way, we’re currently working on a similar badge design. Feel free to upvote this idea to receive a notification once it’s released
- Badge: display every part of it in one line