Since you are using Elementor:
- Edit the Latest Reviews widget
- Click the Advanced tab of the widget
- Add the Custom CSS:
.glsr-review {
justify-content: center;
text-align: center;
}
.glsr-review .glsr-review-date {
flex: inherit;
}
I don’t have elementor Pro, but there is a section in the “Content” tab called “Advanced” which has space for “Additional CSS classes”. What does this do? When I copy and paste your code into that section it just italicizes the review.
In that case, add a CSS class to your Latest Reviews widget (do this in the Elementor widget options), and then add the following Custom CSS to your website (either using the WordPress Customizer, of using on of the many CSS snippets plugin).
Assuming your CSS class is center-reviews:
.center-reviews .glsr-review {
justify-content: center;
text-align: center;
}
.center-reviews .glsr-review .glsr-review-date {
flex: inherit;
}