Changing the Star Rating Text to Uppercase (Legacy)

      Changing the Star Rating Text to Uppercase (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 your website.

        By default, the text in the star rating widget will have the first letter capitalized and the rest in lowercase.

        If you wish all letters to be capitalized, insert the following code into the <head> of the category page template:

          <style>
        .yotpo-bottomline.pull-left.star-clickable .text-m {
          text-transform: uppercase;
        }
        </style>

        The result will look like the example below:

        Please note:
        If you want the Star Rating text to be uppercase all across your site, you can add the style either to the relevant templates or the HTML template.

        Was this article helpful?