Moving the AliReview Badge to centre on homepage, Dawn theme

[jackthomasp]

Hey guys,

I was wondering if anyone had some advice on how to move the Ali Reviews trust badge to centre align on my homepage, www.stretchpro.com.au. Please see pic attached.

Thanks!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.alireviews-review-badge .alr-rv-badge-highlight {
text-align: center!important;
}

[jackthomasp]

Thanks for your quick reply. I entered the code you provided like so on the base.css yet nothing seemed to change. Do you have any idea why? Thanks

[StudioEnchant]

@jackthomasp 

This code will work for you:

.alireviews-review-badge {
    display: flex;
    justify-content: center;
}

[ZestardTech · Accepted solution]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Top of the file:

.alireviews-review-badge .alr-rv-badge-highlight {
text-align: center!important;
}

[jackthomasp]

thanks so much, putting it at the top has worked. 

[ZestardTech]

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

[StudioEnchant]

Hey @jackthomasp,

Simply add the following code to the bottom of your base.css file:

.alireviews-review-badge {
    display: flex;
    justify-content: center;
}

We hope this helps you achieve the requested change. If you encounter any problems while implementing our solution, please don't hesitate to reply here, and we'll be more than happy to assist you!

[jackthomasp]

Thanks for your quick response, unfortunately nothing changed when I did this. Thanks

[StudioEnchant]

Can we send you a collaborator request so we can solve the problem for you?

[oscprofessional]

Hello @jackthomasp 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.alr-rv-badge-highlight {
    text-align: center !important;
}

[oscprofessional]

Hello @jackthomasp 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.alireviews-review-badge * {
    text-align: center !important;
}