How can I center star ratings in a product collection display?

Hi All,

I’m new here and wanting to know how to format my products in a collection. I was able to align the title of my product to the centre using the forum here:

https://community.shopify.com/c/shopify-discussions/how-to-center-product-titles-on-the-collections-page/td-p/174601

Now i’m looking to centre my star ratings and not sure how to do this? any help would be great!

1 Like

Hi @Charles001

Would you mind sharing your store’s URL so we can provide a solution for your issue? Thanks!

No problem, see below:

https://dozyfrens.com/

Thanks @Charles001 , would need the password as well please, cheers!

Apologies, this is my first time asking for help and I’m not familiar with the process but do you mean the password to my shopify account?

No worries @Charles001 , we’re here to help you navigate this.

The password is store’s password that you use to check your website, your Shopify account’s password should never be shared with anyone but yourself no matter whom asks for it.

You can find the store code in “Online Store” → “Preferences”

@JHKCreate Right, that makes more sense.

Also thanks for such quick responses

Here it is: halyau

also in my collection view of products I would like to know how to have my main product heading in bold and a brief description under this in a different colour?

Let’s have a look @Charles001

I can’t seem to access the password popup, nothing happens when I click on it. Perhaps a preview URL would be better here. Let me know!

How’s this?

https://dozyfrens.com/?_ab=0&_fd=0&_sc=1&key=fd650ff42673aa7850f88257061b150273b4bdf2817a61469210ad95fbf21000

Excellent, providing solutions shortly!

Please add the following code to your theme.css file:

/*Center Review on Grid*/
.spr-badge {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

This is for the review centering along with some extra top & bottom spacing for extra neatness.

As for your second request, would you mind explaining this visually?

Let me know @Charles001

1 Like

That worked! Thank you @JHKCreate

And re. my other query, i would like to format this product display within my collection to change the text colour size and add a short description under the primary heading similar to the image below?

I see, where would you get the subtitle from? Is that the product description?

yes, but ideally i would like it to be shorter than the product description

@Charles001 the solution on that post could be the solution for yours: Solved: Re: Adding a subtitle bar - Shopify Community

Let me know if ok to request partner access and get this done swiftly.

As for the first answer should that answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

Yes, i had a read through and sounds like what i am trying to achieve.

Will i be able to format this subtitle? Colour etc?

You may request access and hopefully resolve the issue that would be great!

Great, just requested access.

You can surely format the subtitle at will of course, will get back shortly!

Sorry, but where do I accept your request to access?

You should get an e-mail if you are the store’s owner. Let me know!

1 Like