How to customize widget style

Use custom CSS to change colors, fonts, spacing, borders and more, without touching your theme code.

Open the Custom style codes section in the sidebar and find the snippet for your widget type (Carousel, Grid, List, etc.).
In the app, go to Display reviews → Custom widget style and click Edit.
Paste the CSS snippet into the Custom widget style field.
Adjust the values to match your store design and click Save.

👉 See our extensive CSS codes database for each widget type below:

Colors: use a HEX value (e.g. #ff8899) or a plain color name (e.g. red, yellow).

Borders: set width (e.g. 1px, 2px), style (e.g. solid, dotted) and color (e.g. #aa4455) separately.

Multiple snippets: you can paste several CSS codes into the same field at once. They stack without conflict.

No time to do it yourself? Our team can set everything up for you. Just reach out via live chat and we will handle it.

Questions about CSS codes? We're excited to help: support@reputon.com or live chat

Last updated 5 months ago

Was this helpful?