Skip to main content
Auto-Styling Your Reviews Widget

Quickly launch your reviews widget with auto-styling

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

You can streamline the process of styling your reviews widget by providing just three colors: Brand Color, Primary Text, and Secondary Text Color. Okendo will automatically generate a full palette based on these three colors and apply them to your reviews widget style settings. Note that these auto-generated colors apply only to your reviews widget and not to other widget displays, such as the reviews carousel widget.

In this article, you'll learn how to:

Before you begin

Review the Reviews Widget Style Glossary to understand how each style setting applies to various components or fields across all display widgets.

Auto-style your reviews widget

  1. Open your Okendo app.

  2. Click Displays in the sidebar.

  3. Click the Reviews Widget option to open the Reviews Widget page.

  4. Click the Style tab.

  5. Click the Auto Style button to open the Auto Style tool.

  6. Pick the Brand, Primary Text, and Secondary Text colors:

    • Click the hex code field to expand the color picker.

    • Select a color from the color picker or enter a hex code in the field provided.

  7. Click Accept and Fill.

  8. Click Save Changes.

Change the star rating color

Auto-styling applies to all style settings across the reviews widget except for the star rating color. Click here to learn how to change the star rating color.

Modify auto-generated colors

You can change the auto-generated colors at any time. Changing a color affects only the setting you modified and not the colors in the Auto Style tool. To change the Auto Style colors:

  1. Navigate to a styling option.

  2. Click the hex code field to expand the color picker.

  3. Select a color from the color picker or enter a hex code in the field provided.

    • Note: Click outside the color picker or press the Return or Enter key to close it.

  4. Click Save Changes.

Related articles

Did this answer your question?