All-in-One Reviews: Set a Verified Badge next to the author’s name

[Max]

Dear Elfs,

A new feature for our All-in-One Reviews app has just been released

We’ve added a Verified Badge next to the author’s name

• The setting is disabled by default:

• The accent color of the widget is applied to the Badge

• There is also a separate setting for the Badge color (the checkmark color is inverted depending on the background). Here is how you can find it: Appearance → Review

• The Badge has a hover tooltip with the default text Verified Customer. This text can be changed in the Language Control:

• The color of the tooltip changes depending on the selected theme (dark or light)

Please do not forget to share your ideas regarding the feature Your feedback is really important to us!

[Giorgos]

Thats a nice idea @Max however the badge cut the long names. How can I fix that?

[Helga]

Oh, sorry about that, @Giorgos!

We’ll check this and get back to you with the news

[Max]

Hello @Giorgos!

Thank you for waiting!

I am so sorry that this caused inconvenience to you! Unfortunately, there is no option to change this behavior. The badge is a part of the author’s name. So, to avoid overlapping, the available space for the name has slightly decreased.

As a workaround, you can increase the width of reviews by reducing the number of columns or just disable the Verified Badge.

i hope this explains things.

If any other questions come up, please do not hesitate to contact us here

[Giorgos]

Hello @Max I changed the display of authors name and it seems to work.
[class^=‘ReviewAuthorName__AuthorName-sc-11w9fv5-1 binodp’]{
display: inline-table;
}

[Max]

Hello @Giorgos!

It’s really great that you’ve made a CSS code and it’s working fine for you.

I’ve sent this CSS to our devs and they’ve changed it a bit:

[class^='ReviewAuthorName__AuthorName-sc']{
display: inline-table;
}

I’d like to tell you, this type of CSS may work incorrectly, so, you can face this issue:

This is the reason why we didn’t use inline-table. However, if you’d like to try this option, please feel free to use it

[Giorgos]

Thank you @Max I use list layout so I didn’t face that issue. I tested also from mobile device and it’s ok. Yes, maybe on grid layout it’s a problem.

[Max]

@Giorgos I am so happy to hear that it works for you

If any questions come up, please feel free to contact us!

Have a nice day!