How to center Shopify Review Badge?

Highlighted
Tourist
11 0 1

 

Hello!, 

I'm not an expert on programming, so i hope you can help me, 

I want to know how to center my shopify review badges so they will be aligned with the images of the products on top. Please take a look at the picture: 

The code is shown like this at the bottom of product-grid-item.liquid (I'm using the React theme)

  </a>
  
  <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"> </span> 

</div>

 

How can i do this?, 

I hope you can help me, Thanks!!

 

0 Likes
Highlighted
Tourist
11 0 1

Never mind, i got it!!... :P

This is what i did in case it's helpful for someone else: 

 

<p> <center>
  <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"> </span>
  </center>
    </p> 

 

Thanks!! 

1 Like
Highlighted
New Member
1 0 0

Still working in 2020 God I love programming! Thanks Man!

0 Likes