Spacing the Average Star Rating and the Review Count (Legacy)
    • Dark
      Light

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

    • Dark
      Light

    Article summary

    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.


    Was this article helpful?