Put person's name above review in google reviews widget

[Joshua_FitzPatrick]

My current website uses the google reviews widget directly through the shopify app store, and it puts the person’s name and picture before the review text. I’m switching to using the widget directly from elfsight because I’m paying for the all apps plan for other things, but it puts the review text before the person’s name, which I don’t like. I also need the text centered, so it needs to be spotlight style, not classic style.

–

Before:

After:

I want it to look like the before picture. Thanks!

[Max]

Hi there, @Joshua_FitzPatrick

This code should do the trick:

.es-review-author-block-container {
  order: 1;
}

.es-review-content-container {
  order: 2;
}

.es-review-link-container {
  order: 3;
}

.es-review-author-block-container {
  flex-direction: column-reverse;
}

.es-review-content-rating {
  margin-top: 8px;
}

Just add it to the Custom CSS field on the Style tab of your widget’s settings and let me know if you like the result