Yotpo Review widget appearing too large with extra padding on webpage

Shopify Apps

Topic summary

Issue: Yotpo Reviews widget on product pages appeared oversized and had excessive padding compared to site fonts.

Actions taken:

  • Merchant shared store URL and password for review.
  • Guidance provided to edit theme.liquid and add custom code above the tag to adjust the widget’s font sizing (exact snippet not visible in the post). This resolved the font size mismatch.
  • Remaining spacing issue addressed by adding CSS in theme.liquid to hide the widget header:
    .yotpo-head { display: none !important; }
    Placed near the end of theme.liquid (noted as above ), which reduced padding above/below the review section.

Outcome:

  • Font size and spacing issues resolved to the merchant’s satisfaction.
  • No further questions; discussion appears resolved.

Notes:

  • Multiple screenshots were provided and referenced to illustrate the original issue and the visual result of changes; these images are central for context.
  • The solution relies on theme-level CSS adjustments rather than Yotpo app settings.
Summarized with AI on December 16. AI used: gpt-5.
4

Hey @fableoni

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1729492794862.png
Moeed_0-1729492794862.png1594×401 25.9 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like