It would be a great addition for Ui designs to have a Google review widget that is inspired by the “Micro TrustCore widget” of Trustpilot.
Hi there, @Richrd
Thanks for sharing your thoughts!
Would you like to have this design for the Badge layouts or for the Header of other layouts?
Badge layout
Thanks! And the final question, would you like just to place the badge elements horizontally or add “Great”, out of 5 after the rating and then the source logo?
I reckon horizontally (Great 4.7 out of 5 Source logo) … The exact same as the screenshot is the best to integrate in Banners
Thanks! I’ll discuss if it’s feasible with the devs and update you tomorrow
Awesome many thanks!
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
Awesome and many thanks for the quick solution!