Display Issue with Third-Party Review Integration (Overlap & White Space)

Hello Woodmart Support,

I’ve successfully integrated a third-party automatic review system (used widely in France), and everything is working perfectly from a technical point of view.

However, I’ve noticed a display issue on some product pages.

As shown in the screenshots and admin links I’ve provided (in private content), there is:

Content overlapping with other elements.

A white space that appears unexpectedly below the review block.

Could you please take a look and let me know:

If there’s a way to fix this via CSS?

Or if it’s something I should adjust in the theme settings or back-office?

Thanks in advance for your help!

Best regards,
Cédric M.

Attachments:

You must be logged in to view attached files.

Hi lost.hinata,

Thanks for reaching to us.

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

div.steavisgarantisStar {
    width: 100%;
    max-width: 100%;
}

Regards,

Hello Woodmart Support,

It seems there’s a problem with the current CSS applied to the product grid.

While the style works as expected on the product listing grid, it also affects the badge area on the single product page.

As a result:

The box that contains the product reviews is unexpectedly expanding.

And an extra review star appears outside the intended area.

This is likely due to a shared class or rule that’s applying globally instead of just on the product grid.

Could you please help me identify the issue or provide a fix so that the CSS applies only to the product grid and not the single product layout?

Thanks in advance for your help!

Best regards,
Cédric M.

Hi lost.hinata,

Please remove above code and try below one:

.wd-grid-col div.steavisgarantisStar {
    width: 100%;
    max-width: 100%;
}

Regards,
Hung PD

[Author]

Posts