All Collections
Reviews
FAQ
Make the Star Review Widget in-line instead of stacked vertically
Make the Star Review Widget in-line instead of stacked vertically
Updated over a week ago

By default, the star widget that you might put right beneath your product title on your shop page or your product template page is stacked so that the stars are on the first line and the number of reviews are on the second.

You can make these inline however if you would like.

All you need to do is go into your Review > Customize tab and add the following CSS:

.star-widget {
display: flex;
}

monto-reviews-count {
align-self: center;
}

This is how it should look once you save your CSS:

Did this answer your question?