Support » Plugin: WooCommerce » WooCommerce Star Rating inline with review count

  • Resolved jwillden97

    (@jwillden97)


    Hi everyone!
    I’m trying to force the review count to be on the same line as the star rating on my product archive pages. To get the review count in the first place I added some PHP provided by a developer in another topic. Now I have the count, but I can’t force it to be on the same line as the stars on my shop pages. When you look at the page on mobile, it goes inline with the add to cart button.

    I used this CSS and it worked for my featured product slider on the homepage, but it does not work on the shop pages.

    /* Force Review Count Inline With Star Rating */

    .pp-woo–align-center .pp-woocommerce ul.products li.product .star-rating {
    margin-left: auto;
    margin-right: auto;
    display: inline-block!important;
    vertical-align: middle!important;
    }

    Any ideas?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there 👋

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
     

    /* align review count and star rating */
    .products .star-rating {
        margin: 0 !important;
        display: inline-block !important;
    } 
    

     
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    I hope that helps!

    Thread Starter jwillden97

    (@jwillden97)

    Hi, thanks for the response. When I try this it doesn’t work.

    Thread Starter jwillden97

    (@jwillden97)

    Hi,
    I have since found a different solution. Thank you for your help!

    Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Glad to know that you could find a solution!

    If you have any further questions, you can start a new thread.

    Cheers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WooCommerce Star Rating inline with review count’ is closed to new replies.