Changing the Star Rating Text to Uppercase (Legacy)
    • Dark
      Light

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