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

Solved
Lucky07
Excursionist
36 4 10

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 -->  

Clayton Healy
Accepted Solution (1)

Accepted Solutions
AvadaCommerce
Shopify Partner
3065 700 571

This is an 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!

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

View solution in original post

Replies 5 (5)
AvadaCommerce
Shopify Partner
3065 700 571

Hi @Lucky07 

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

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

Lucky07
Excursionist
36 4 10

Hello @AvadaCommerce 

Shop URL: LuckyinDesign.com

PW: liegla

Clayton Healy
AvadaCommerce
Shopify Partner
3065 700 571

This is an 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!

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

Lucky07
Excursionist
36 4 10

Hello @AvadaCommerce 

That did it. looks good, thank you!

Clayton Healy
AvadaCommerce
Shopify Partner
3065 700 571

You're welcome!

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE