How can I center Loox stars on the home page of my Dawn theme?

Store Design
,
1

Hi, I’ve managed to center the loox stars on the product page, however when on the home page they are aligned to the left… how do I make them central on the home page? I’ve searched all over the internet and I know it’s just a simple line of code but I can’t seem to find the code I need. Many thanks!

Villain_0-1692449764059.png
Villain_0-1692449764059.png364×180 7.53 KB

2

Hey,

Amit from the Loox here :slightly_smiling_face:

I’d be happy to help you with this!

Please reach out to us at support@loox.io and I’d be more than happy to assist in centering the homepage ratings :slightly_smiling_face:

3

Where do I place this? Tried base.css, theme.liquid and section-main-product.css… still no joy

;(

4

I have emailed you regarding this :slightly_smiling_face:

5

Hi @Villain

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.card__information {
    display: flex;
    flex-direction: column;
    align-items: center;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly