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
Open your Okendo app.
Click Displays in the sidebar.
Click the Reviews Widget option to open the Reviews Widget page.
Click the Style tab.
Click the Auto Style button to open the Auto Style tool.
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.
Click Accept and Fill.
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:
Navigate to a styling option.
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.
Note: Click outside the color picker or press the Return or Enter key to close it.
Click Save Changes.