Layouts and styles
Ten layout families cover the usual ways reviews appear on a site, from full testimonial walls to a one-line badge. Every layout works with every style preset, light or dark.
The layouts
| Layout | What it is | Use it for |
|---|---|---|
| Slider | Horizontally scrolling cards, arrows + dots, optional autoplay | Homepages; the default |
| Grid | Equal-height cards in columns | Testimonial sections |
| Masonry | Waterfall columns, natural card heights | Mixed-length review text |
| List | One column, full text | Dedicated reviews page |
| Badge | Compact aggregate: score, stars, count | Footers, headers, near CTAs |
| Button | A pill with stars linking to your review page | "Review us" prompts |
| Banner | Full-width strip: score, message, CTA | Between page sections |
| Floating bubble | Fixed-corner rating; opens a review panel | Site-wide trust without page edits |
| Popup | Rotating single-review toasts in a corner | Social proof on landing pages |
| Ticker wall | Slowly auto-scrolling band of cards | Long pages, footers |
Slider, floating and popup respect the autoplay toggle and interval; all animation honours prefers-reduced-motion.
Style presets
Light, Light border, Drop shadow, Minimal, Soft, Contrast, Dark, Minimal dark. Presets only change surfaces (card background, borders, shadows); layout and content are unaffected, so switching styles is safe at any time. Dark and Minimal dark are for dark sites; Contrast puts dark cards on a light page.
Colours and type
Widgets inherit your theme's font; they are your HTML, not an embed, so they look native by default. Two colours are yours per widget: the accent (CTAs, links) and the star colour (default amber #f5a623). Everything else derives from the preset.
For deeper control, all styling hangs off rt--prefixed classes and CSS custom properties (--rt-accent, --rt-star, --rt-columns) you can override in your stylesheet, and templates themselves are theme-overridable.
Columns and responsiveness
Grid, masonry and slider use the column setting (1–6) on wide screens, collapse to two columns under 900px and one under 560px.