---
title: "Spacing the Average Star Rating and the Review Count"
slug: "spacing-the-average-star-rating-and-the-review-count"
tags: ["Reviews ", "Shopify Plus", "Shopify", "Adobe Commerce (Magento)", "WooCommerce", "BigCommerce", "Volusion", "Salesforce Commerce Cloud", "Custom"]
updated: 2024-04-01T23:25:07Z
published: 2024-04-01T23:25:07Z
canonical: "support.yotpo.com/spacing-the-average-star-rating-and-the-review-count"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.yotpo.com/llms.txt
> Use this file to discover all available pages before exploring further.

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

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. ![](https://cdn.document360.io/f3c2ab59-fe4c-4f93-9614-2872f40e8aa7/Images/Documentation/bc3da14b-0ef4-461f-815b-112dd4b73235.jpeg?sv=2026-02-06&spr=https&st=2026-11-10T16%3A50%3A13Z&se=2026-11-10T17%3A50%3A13Z&sr=c&sp=r&sig=Yv1DBZU6eRtuXYGSCi124AeDu1quXlvmDpvhZnNJvYo%3D)

#### Implementation

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

	

```markup
<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.