REVIEWS.io widgets offer two levels of customisation: changes you can make directly in the dashboard editor (no code needed), and advanced changes that require custom CSS. This article explains what falls into each category so you know where to start.
Not all customisation options are available on every plan. If an option isn't visible in your dashboard, check your current subscription at dash.reviews.io/subscription.
What you can change in the dashboard editor
These options are available directly in the Widget Library under Publishing → Widget Library. Select your widget, open the styling settings, and make changes without writing any code.
Theme
Most widgets offer pre-built themes to set the overall look and feel. The Full Page Widget, for example, includes Minimal, Dark, and Vibrant themes. Choosing a theme is the fastest way to align the widget with your brand before making any individual adjustments.
Colors
You can adjust the colors of the following elements in the widget editor:
Star colors
Button background and text colors
Content card backgrounds and borders
Icon colors
Background color of the widget header or banner
Fonts
Standard font settings — including size and weight for headings and body text — can be adjusted in the Font Styles tab of the widget editor. Custom or non-standard fonts (e.g. a brand typeface not available in the editor) require custom CSS.
Layout and spacing
Under the Page Layout tab you can adjust:
Section order and spacing
Number of reviews displayed per row
Header and banner layout
Review card layout (compact vs. expanded)
Buttons, inputs, and cards
The Buttons, Inputs & Cards tab lets you style:
Button shape, color, and border
Input field appearance
Content card borders and spacing
Range slider styling
Tooltips
Star style
You can change the star icon style and color from within the widget editor. Options vary by widget type.
Review filtering displayed in the widget
You can configure which reviews appear in the widget — for example, filtering by star rating or language — using the widget settings panel, not CSS.
What requires custom CSS
Custom CSS is available on higher REVIEWS.io plans and lets you override styles that aren't exposed in the dashboard editor. Common examples include:
Custom or brand-specific fonts not available in the editor
Fine-grained spacing and margin adjustments
Overriding styles on specific elements using CSS selectors
Hiding specific widget elements (e.g. reviewer location or date)
To add custom CSS, go to Publishing → Widget Library in your REVIEWS.io dashboard, select your widget, and open the CSS editor. Changes here will override the default widget styles.
⚠️ Custom CSS is a developer feature. The REVIEWS.io support team cannot write or debug custom CSS on your behalf.
What cannot be customised
Some aspects of widgets are fixed and cannot be changed through the editor or CSS:
The overall widget structure and HTML — widgets are rendered from REVIEWS.io's templates
Review content itself (text, ratings, reviewer names) — these reflect your actual collected reviews
Verified badge appearance and placement
Widget text strings and translations — some widgets (such as the AI Summary widget and certain rating bar widgets) use fixed language strings. These cannot be overridden via the dashboard editor or custom CSS. The AI Summary widget currently outputs in English only, regardless of your site's language settings or the lang parameter in the widget code. If fixed translations are causing a problem, contact support or submit a feature request via the feedback option in your dashboard.
Review collection form questions — the NPS (Net Promoter Score) question in the collector page is fixed and cannot be edited or translated.
Pinning specific reviews — it is not currently possible to pin a specific review (including a video review) to the top of a widget. All review ordering follows the widget's configured sort settings.
Temporarily hiding a widget
There is no built-in toggle to temporarily hide or pause a widget from displaying on your site — you cannot switch it off from the Widget Library without removing it entirely.
If you need to hide a widget temporarily, your options are:
Comment out the widget code in your theme — for Shopify stores, this means locating the widget snippet in your theme.liquid or the relevant section file and wrapping it in a comment. Uncomment it when you're ready to re-enable the widget.
Use CSS to hide the element — add display: none; to the widget container using a custom CSS rule or your theme's CSS file. This keeps the code in place but prevents the widget from rendering visually.
Uninstall the widget — remove the widget code from your site entirely and reinstall it from the Widget Library when needed. Your widget settings and configuration are saved in the dashboard.
Requesting a feature that isn't supported
If a customisation you need isn't available through the editor, CSS, or the options listed above, you can submit a feature request. Use the feedback option in your REVIEWS.io dashboard to let the product team know what you're trying to achieve. Including a specific use case helps prioritise requests.
Need more help?
If you're not sure whether a specific change is possible, contact support via Live Chat in your REVIEWS.io dashboard and describe what you're trying to achieve. Including a screenshot or URL helps the team advise you faster.