Moving the AliReview Badge to centre on homepage, Dawn theme

Store Design
,
1

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!

stretchpro web alter 1.png
stretchpro web alter 1.png1080×2400 241 KB

1 Like
2

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;
}

ZestardTech_0-1698658741938.png
ZestardTech_0-1698658741938.png1109×626 282 KB

ZestardTech_1-1698658750727.png
ZestardTech_1-1698658750727.png1755×615 152 KB

3

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!

4

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;
}
5

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

alirevoews.jpg
alirevoews.jpg2268×4032 1.85 MB

1 Like
6

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

7

@jackthomasp

This code will work for you:

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

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

9

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;
}
10

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;
}

ZestardTech_0-1698661142330.png
ZestardTech_0-1698661142330.png1890×790 217 KB

11

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

1 Like
12

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.