How to center align the stars?

The stars below your title are not centered with the product title? This may happen in some cases. Follow the steps below:



center the stars






Go to Online Store -> Actions -> Edit Code.
Click on theme.liquid and search for the </head>.
Copy the code below and paste it above the </head> . (See screenshot below)
To find the </head>, perform ctrl + F (Windows) or cmd + f (Mac).

<style>
.trustreviews-rating { text-align:center;}
</style>





5\. Save. Next, go to your website and refresh the page. Refresh the page several times if necessary, it may take a few tens of seconds to see the change. Your stars will now be centered with your product title.


Updated on: 02/20/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!