Reviewifyd LogoHelp Center
🎨Widget Customization

Customizing widget colors and fonts

Match your review widgets perfectly to your brand identity by adjusting colors, typography, and visual style.

3 min read

1Opening the widget editor

In your Reviewifyd dashboard navigate to Widgets → Product Page → Edit. The visual editor shows a live preview on the right as you make changes.

2Color settings

You can customize the following colors in the 'Appearance' tab:

  1. 1Star color — the filled star color. Default is golden (#F59E0B).
  2. 2Accent color — used for buttons, links, and progress bars. Set to your primary brand color.
  3. 3Background color — review card background. Use white (#FFFFFF) for a clean look or a subtle tint.
  4. 4Text color — main review body text. Dark gray (#374151) is easiest to read.
  5. 5Border color — thin outline around each review card.
💡

Use your brand's primary color for the accent, and keep backgrounds light to ensure readability.

3Font settings

Under 'Typography', you can choose to inherit your theme font or pick a custom font from the preset list: Inter, Poppins, Lato, Merriweather, Roboto, Nunito, Playfair Display, or Source Sans Pro.

💡

If your theme uses a Google Font already, choose 'Inherit theme font' for consistency — it saves an extra HTTP request too.

4Saving and publishing

Click 'Save' in the editor. Widget changes are reflected on your storefront within 30 seconds.

Was this article helpful?