Loox App white section

Topic summary

Main issue: The product reviews section shows a white background that can’t be changed via theme customization or within the Loox app; the user wants it fully black.

Attempted fix: A custom CSS snippet targeting Loox classes (e.g., .loox-reviews, stars, buttons) with !important overrides was suggested to force a black background and white text.

Outcome: The CSS did not work. Screenshots were provided showing the white section persists despite the overrides, indicating styles weren’t applied to the live widget.

Latest update/diagnosis: Loox support identified that the live page appears to be using a non-Loox reviews widget, which explains why changing Loox settings or Loox-targeted CSS had no effect.

Next steps: Loox support invited the user to contact their support to replace the current widget with the Loox Product Reviews Widget and then set the background to black.

Status: Unresolved/ongoing. Key open item: confirm which reviews widget is embedded and switch to the Loox widget (or target the correct widget classes) to apply the desired styling.

Note: Screenshots are central to understanding the mismatch and failed CSS application.

Summarized with AI on December 15. AI used: gpt-5.

Hey guys,

as you can see in the 1st picture below, the background color of the reviews is white and I can’t even edit that on Customisation page. I am usin the Loox App and you can’t even change it there. But it is really disturbing my website; I want it to be all black.

Anyone who can help me?

Kind regards

add this to your custom css

.loox-reviews { 
    background-color: black !important;
    color: white !important;
}

.loox-reviews .loox-review-stars,
.loox-reviews .loox-review-stars .loox-rating-stars {
    color: white !important;
}

.loox-reviews button {
    background-color: white !important;
    color: black !important;
}

.loox-reviews .loox-review-summary {
    color: white !important;
}

Unfortunately it didn’t work:

Hey again @ekrembcc !
Sara from the Loox team here :slightly_smiling_face:

From your first screenshot, it looks like you’re currently displaying a non-Loox reviews widget on your live page, which might be why changing your Loox settings isn’t making any changes on your live pages.

Please feel free to reach out to us at our support email below- we’d be more than happy to help you replace this with the Loox Product Reviews Widget and change the background to black!