Skip to main content
Changing the Star Rating Color

Stay on-brand with your star rating color

Amanda Calderon avatar
Written by Amanda Calderon
Updated over 5 months ago

When you change the star rating color, it ensures color consistency wherever a star rating appears across your widget displays. The star rating color is composed of two elements:

  • Star Foreground Color: The color of review stars when selected by a customer.

  • Star Background Color: The color of unselected review stars.

Note: It is recommended to use two different colors for these settings to distinguish selected stars from unselected ones.

To Change Your Star Rating Color

  1. Open your Okendo app.

  2. Click Settings in the sidebar.

  3. Click Widgets on the Settings page, and then click Styling.

  4. Pick a Star Foreground Color by clicking the hex code field to expand the color picker.

  5. Pick a Star Background Color by clicking the hex code field to expand the color picker.

  6. Click Save.

Adjusting Star Rating Height and Spacing

If you need to change the star rating height and spacing, you can do so in the Style sections of the following widget displays:

  • Reviews Widget

  • Star Ratings

  • Reviews Carousel

By customizing these settings, you ensure that your star ratings are visually aligned with your overall brand aesthetic.

Related articles

Did this answer your question?