Spacing the Average Star Rating and the Review Count (Legacy)

Prev Next

Products


Reviews
Supported plans

Free, Starter, Pro, Premium, Enterprise

eCommerce Platform

Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

  • This article explains how to customize a Yotpo feature using external code.
  • The code is generic and provided as is. Implementation or modification of this code is not supported by Yotpo.
  • We recommend using the services of a developer for the purpose of integrating this customization into you website.

The Star Rating Widget displays the average star rating and the total review count right next to each other.

Implementation

To increase the spacing between the two elements, paste the following code into the <head> of product page template:

<style>
.yotpo-bottomline.pull-left.star-clickable .text-m {
margin-left: 10px;
}
</style>

To increase or decrease the spacing, change the value of the 10px; accordingly.