How to make rating star count number be beside the rating stars?

Solved

How to make rating star count number be beside the rating stars?

withaudette
Excursionist
61 0 23

withaudette_0-1743322588876.png

As you can see from my image, the count number is currently below the rating stars, how do i bring the count number up to be beside the rating stars on the right?

 

my webpage is: https://www.audette.store/products/lip-tint-treatment

Accepted Solution (1)

Moeed
Shopify Partner
7375 1996 2438

This is an accepted solution.

Hey @withaudette 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code

3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
p.rating-count.caption {
    margin-top: -22.350px;
    margin-left: 70px;
}
</style>

RESULT:

Moeed_0-1743323079612.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
7375 1996 2438

This is an accepted solution.

Hey @withaudette 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code

3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
p.rating-count.caption {
    margin-top: -22.350px;
    margin-left: 70px;
}
</style>

RESULT:

Moeed_0-1743323079612.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


withaudette
Excursionist
61 0 23

how do i do this for mobile?