Align Star Ratting in the (product-thumbnails.liquid) file

[Lucky07]

Hello Everyone,

I have added code to my (product-thumbnails.liquid) file that displays the star rating for produce on the collections Grid (see picture).   However it is center justified, I can't seem to figure out how to get it to be left-justified.   Any Ideas? hoping someone can point me in the right direction... 

I found the code here:

Show star ratings on your Shopify collection page | Ryviu Help Center

<!-- Star Reviews Add (04-06-2022-->
<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->
<div class="ryviu-collection">
<ryviu-widget-total collection="1" reviews_data="{{product.metafields.ryviu.product_reviews_info | escape }}" product_id="{{product.id}}" handle="{{product.handle}}"></ryviu-widget-total>
<div align="left";>
</div>
<!-- RYVIU APP -->  

[AvadaCommerce]

Hi @Lucky07 

Can you please provide your shop URL and store password (if any)?
I'll check and provide you with a solution.

[Lucky07]

Hello @AvadaCommerce 

Shop URL: LuckyinDesign.com

PW: liegla

[AvadaCommerce · Accepted solution]

Hi @Lucky07 

Please try going to your Themes > Edit code > Assets > Open custom.css and add the following code to the bottom of the file: 

.vtl-pr-review-stars-snippet {
  justify-content: left !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

[Lucky07]

Hello @AvadaCommerce 

That did it. looks good, thank you!

[AvadaCommerce]

You're welcome!