Hi can you please help me align the star review section upwards alittle bit towards the black line. I will need to do this on multiple pages so is there an easy code i can play with in css?
Thankyou in advance!
url: hygiadental.com
pw: myown
Topic summary
A user needed to adjust the vertical positioning of star reviews on product pages, moving them closer to a black line separator. The issue required a solution that would apply across all product pages, not just one.
Initial Solutions Offered:
- Two responders provided CSS code snippets to be added to either theme.liquid or base.css files
- Both solutions initially worked but only affected a single product page (the Hygiene Pod)
Final Resolution:
- The user clarified they needed the fix applied site-wide across all product pages
- A revised CSS solution was provided using a more general selector in the theme.liquid file
- The code targets the Yotpo review widget element and adjusts its margin-top property
- This final solution successfully applied the alignment change across all product pages
Status: Resolved. The user confirmed the site-wide solution worked as intended.
1 Like
Hey @Anonymous
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @Anonymous
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
div#shopify-block-AM1E2ZXNnRnpHd0l5R__yotpo_product_reviews_star_rating_QyJq7d {
margin-top: 1px !important;
}
Result
Best,
DaisyVo
1 Like
Hi! Yes this worked though is there a way to make it work on all of my product pages because it only fixed the hygiene pod product?
Hi, This worked though I am wanting it to be moved on all my product pages. Is there a simple command i can use to do this for all pages?
1 Like
Hey @Anonymous
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Cheers mate!
1 Like
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.