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]

Hello There, In your Shopify Admin go to online store > themes > actions > edit code 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]

Hello There, In your Shopify Admin go to online store > themes > actions > edit code 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_1-169865875072…

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 hesit…

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

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]

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

@jackthomasp This code will work for you: .alireviews-review-badge { display: flex; justify-content: center; }

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

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

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

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.

Moving the AliReview Badge to centre on homepage, Dawn theme

Store Design

ZestardTech October 30, 2023, 10:19am 10

Hello There,

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

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

Topic		Replies	Views
Dawn theme, trying to centre my pricing/review stars on my product page, thanks Store Design landing-page , product-page	6	65	October 29, 2023
How do I change the badge position on taste theme and align it to center? Store Design design	7	61	October 2, 2024
Align the price and reviews text to the center Store Design product-page	9	105	February 25, 2025
How to center review widget Store Design design , customizations , landing-page , css , html , product-page	3	73	June 27, 2024
Trade Theme: Add bottom center aligned trust badge on top of banner image. Technical Q&A liquid , css , html , shopify-theme	1	40	April 15, 2025

Moving the AliReview Badge to centre on homepage, Dawn theme

Related topics