How to center review widget

Solved

How to center review widget

INKLY
Explorer
110 0 12

Hi, I use this multifunction app called VITALS and I would like to center the review widget (See screenshot). Any idea how to do this? Thank you for your help. 

 

Store URL: https://inkly.fr/?_ab=0&_fd=0&_sc=1&preview_theme_id=162795487497

 

INKLY_0-1719484369674.png

 

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6984 1662 2052

This is an accepted solution.

Hi @INKLY 

check this one if it work, if not then you need to contact your app provider. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

div#shopify-block-vitals_reviews_stars_mfdX3E .vtl-pr-review-stars-snippet {
    justify-content: center !important;
}

 

  • And save. 
  • Result:
  • Made4uoRibe_0-1719486508804.png

     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
6984 1662 2052

This is an accepted solution.

Hi @INKLY 

check this one if it work, if not then you need to contact your app provider. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

div#shopify-block-vitals_reviews_stars_mfdX3E .vtl-pr-review-stars-snippet {
    justify-content: center !important;
}

 

  • And save. 
  • Result:
  • Made4uoRibe_0-1719486508804.png

     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
INKLY
Explorer
110 0 12

@Made4uo-Ribe Thank you very much this worked!

sahilsharma9515
Shopify Partner
1079 132 203

Hi @INKLY Please add the code in your theme.css/base.css/style.css file which is available in your theme.

 

.bundle-aggregated_reviews {
    display: flex;
    justify-content: center;
}

 

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

sahilsharma9515_0-1719486607773.png

If you will unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

 

Best Regards

Sahil

- Your

 Coffee Tip 

can create magic in coding ❤️❤️

- Need a Shopify Developer? CHAT ON WHATSAPP or EMAIL ME !


- Hopefully the solution will help you. If yes then Please hit

 Like 

and

 Mark it as solution! ❤️