title: How to change "star review" position on Woocommerce store Page
body: <p>I want to change the position of the &quot;star review&quot; on the shop page</p>
  <p>previous <a href="https://i.stack.imgur.com/hUrBE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hUrBE.png" alt="screenshot 1" /></a></p>
  <p>I added CSS code</p>
  <pre><code>.star rating {
        float: right !important;
        margin-top: -18px !important;
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/YZoGQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YZoGQ.png" alt="screenshot 2" /></a> like this, I like</p>
  <p>So, the problem is in the single product page</p>
  <p>before I add the CSS code
  <a href="https://i.stack.imgur.com/bjrmu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bjrmu.png" alt="screenshot 3" /></a> like this</p>
  <p>after I added the CSS code the position changed
  be like this</p>
  <p><a href="https://i.stack.imgur.com/jK5l2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jK5l2.png" alt="screenshot 4" /></a></p>
  <p>how to display &quot;star reviews&quot; as in screenshot 2 and not break the position of &quot;star reviews&quot; on single product pages</p>
  <p>Sorry maybe my question is difficult for you to understand,Thank you</p>
  <p><strong>Additional</strong></p>
  <p>Previously the theme I used by default didn't have &quot;star reviews&quot; on the shop page, only on single product page.</p>
  <p>so i added this code in functions.php</p>
  <pre><code>add_action('woocommerce_after_shop_loop_item', 'add_star_rating' );
  function add_star_rating()
  {
  global $woocommerce, $product;
  $average = $product-&gt;get_average_rating();
  
  echo '&lt;div class=&quot;star-rating&quot;&gt;&lt;span style=&quot;width:'.( ( $average / 5 ) * 100 ) . '%&quot;&gt;&lt;strong itemprop=&quot;ratingValue&quot; class=&quot;rating&quot;&gt;'.$average.'&lt;/strong&gt; '.__( 'out of 5', 'woocommerce' ).'&lt;/span&gt;&lt;/div&gt;';
  }
  </code></pre>
  <p>star review shown as in screenshot 1</p>