How do I centre the star rating on a customer review?

Hi, I am using the shopify product reviews app, and the star rating on an actual product review is left aligned? How do I centre this so it matches the title etc?

1 Like

Hello @HEALINGANDHER ,

Please share:

  • your store URL;
  • storefront password (if your store has one).

I will check out the issue and provide you a solution.

www.healingandher.com

@HEALINGANDHER Try this code.

@media only screen and (max-width: 480px) {
	.spr-starrating {
		justify-content: center;
	}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.css.liquid

Are you able to request access and do this?

Yes if you went. I can do for you.

This is for the star rating shown underneath the product title. Not on the
actual customer rating.–
B
Founder & Creator, HEALING AND HER
07586 701320 | www.healingandher.com

I have added the code and this has worked in mobile view. How do I even out the space between the stars and the title in both mobile and desktop view?

@HEALINGANDHER For removing space between title and stars use this code.

.spr-header-title {
    margin: 0px;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->base.css.liquid

I added this but it has made no change?

@HEALINGANDHER Use this.

.spr-header-title {
    margin: 0px !important;
}