Reviews: [Major Update] Revamped review card designs, fresh review source styles + 6 more updates⚡

[Max]

Our Reviews widgets have undergone various modifications that have led to the creation of more visually appealing review cards

Let’s look at what has been achieved:

Enhanced design of the review cards

• The classic cards look more neat when the review width exceeds 380px.

• Review text and author blocks got switched in spotlight cards

• Balloon cards got a smoother ‘tail’ and the avatar is now positioned more to the left

Rating was moved from the review header to its body

TripAdvisor logo was updated

Review date got a new stylish tooltip

Review style and Review Source style options were left untouched, but all the other settings were moved to the Customize section.

New Review Source styles were added

Set date color and author name color as you like. Previously, they depended on the review text color

Customize the size of the rating with 'Rating Size' setting

Guys, do you like the changes? Feel free to share your thoughts in the comments

[Giorgos]

Hey @Max with the new changes the authors picture is blinking. Is ti possible to stop that? Also can I center the picture, the name, the date and the rating with the 1st option of review style?

[Max]

Hi @Giorgos!

I am so sorry about this inconvenience!

Could you please send me a direct link to the webpage with the widget where the issue occurs?

As for the elements centering, our devs will gladly help you.

I’ve forwarded your request to them. Please do not worry, we’ll keep you updated

[Kate4 (Kate)]

Love it! The autorotation is having an issue, though, after making changes and saving. The first one goes in 3 or 4 seconds while the others go at the 6 seconds (set at 6 seconds)

About Our Tattoo and Piercing Shop — Brass & Briar Studios, Portland, Maine

[Giorgos]

@Max you can check here https://www.evagelouphotography.gr/customer-reviews The authors name etc are centered but how can I make it go up from the review body?

[Max]

Hi @Giorgos!

I see that you’ve decided to use the 2nd Review Style option.

Here is the CSS code you need to add to move the elements up from the review body:

/* Change card elements order */
[class*="ReviewAuthorBlock__InfoContainer-sc"] {
  order: 0;
}
[class*="ReviewAuthorBlock__AuthorBlockContainer-sc"] {
  margin-top: 0px;
  margin-bottom: 12px;
}
[class*="ReviewContent__ReviewContentContainer-sc"] {
  order: 1;
}
[class*="ReviewSource__SourceBottomContainer-sc"] {
  order: 2;
}

Please add this code to the Custom CSS field on the Appearance tab and let me know if it helped.

As for the blinking pictures, the issue isn’t displayed on my side at the moment.

If the issue still persists for you, could you send me a a video screencast of what you see?

[Max]

Hi @Kate4

I am really sorry about this issue

I’ve forwarded your request to our devs. I’ll get back to you once I receive any updates

Have a great day!

[Giorgos]

Hey @Max the code is working fine. The blinking is happening on safari tested on iMac and iOS device. How can I sent you a record screenshot?

[Max]

Hi @Giorgos!

Happy to hear that code worked for you!

I’ve checked your website from iOS and see the issue. There is no need in screencast.

I’ve informed our devs about the issue. I’ll get back to you once I receive any news.

Have a great day

[Max]

@Giorgos I’ve added this code to the Custom CSS field:

[class*="Avatar__Background"] { animation: unset !important; }

Please check your website and let me know if it helped.

By the way, it’s a temporary solution and our devs are working on a global fix. We’ll keep you updated here!

[Giorgos]

Thanks @Max it seems to work!

[Max]

Hi @Giorgos!

Happy to tell you that the issue is globally fixed!

[Max]

Hi @Kate4

Great news

Autorotation issue is fixed! Please check it and let me know if it helped