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
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.