Topic summary
Goal: hide the Loox review count and/or stars on Shopify product pages (Loox = product reviews app; CSS = theme styling; iframe = embedded content that can’t be styled from parent).
Key solutions and outcomes:
- Hide only the review count: add CSS to theme stylesheet (theme.scss.liquid or base.css) using selector “.loox-rating span { display: none; }”. OP confirmed success.
- Hide stars as well: use “.loox-rating { display: none; }”. Community-confirmed working.
- Themes without theme.scss.liquid: use Assets > base.css with “.loox-rating-content span.loox-rating-label { display: none !important; }”. User confirmed it worked.
Additional requests:
- Remove both stars and count: solved (see above).
- Add star count or change the number in brackets without new reviews: no public solution shared; users either resolved privately or were asked for store URLs.
- Hide a bottom review summary: attempted CSS “.summary-content.b .summary-text …” didn’t work. Final update: element is inside an iframe, so not possible via theme CSS.
Status:
- Styling tweaks to hide counts/stars are resolved with CSS.
- Changing displayed review numbers or hiding iframe-embedded widgets remains unresolved/not feasible via theme CSS.
Notes: Screenshots were shared but not essential to the solution.