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

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


        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?