How Do I Change the Star Rating Color on My Avatar Card Carousel Widget in Feedspace?

Overview

The Avatar Card Carousel widget presents testimonials as a horizontal sliding sequence of cards, each featuring a reviewer’s avatar, name, and star rating displayed prominently beneath the review text. Because the star icons appear front and center on every card as the carousel advances, their color directly shapes the visual impression each testimonial makes on your visitors.

Feedspace gives you two dedicated color controls for those stars in the Widget Color Customization section: Star Rating Color, which sets the fill color of the star icons, and Star Rating Border Color, which sets the outline or border color around each star. Together these two options let you align the star visuals with your brand palette, ensuring that the carousel’s rating display complements your site’s design rather than clashing with it.

How to Change the Star Rating Color for Your Avatar Card Carousel Widget

Step 1: Open the Widgets Section

Log in to your Feedspace account and navigate to the Widgets section from the main sidebar. You will see a list of all the widgets you have created across your workspace.

Step 2: Edit Your Avatar Card Carousel Widget

Locate the Avatar Card Carousel widget you want to update. Click the Edit option for that widget to open its settings panel. If you have not created one yet, use the Create Widget button and select the Avatar Card Carousel type before continuing.

Step 3: Go to the Design Tab

Inside the widget editor, click the Design tab at the top of the settings panel. This tab contains all visual customization options for your Avatar Card Carousel, including layout, typography, and color settings.

Step 4: Find the Widget Color Customization Section

Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups all color pickers for the carousel’s visual elements in one place, making it straightforward to adjust multiple colors without leaving the panel.

Step 5: Set the Star Rating Color and Star Rating Border Color

You will find two color pickers in this section:

• Star Rating Color: Click this picker to choose the fill color applied to the interior of each star icon on every carousel card. Select a color that stands out clearly against the card background so the rating is immediately readable as visitors swipe through.
• Star Rating Border Color: Click this picker to choose the outline color drawn around each star icon. You can match this to the fill color for a solid look, or use a contrasting color to give the stars a defined edge that suits your design.

After selecting your preferred colors, click Save to apply the changes. The carousel preview will update to reflect your new star color settings immediately.

What You Can Do Next

• Show or hide the star ratings entirely on your Avatar Card Carousel by visiting the widget’s display settings, giving you full control over whether ratings appear on each card.
• Adjust other color options in the Widget Color Customization section, such as card background color and text color, to create a fully cohesive look across every card in the carousel.
• Preview your Avatar Card Carousel on a live page after saving your color changes to confirm the star colors render correctly across different screen sizes and backgrounds.
• Explore the full Design tab to customize additional visual properties of your Avatar Card Carousel, including avatar size, card spacing, and font styles, to complete your brand-aligned widget design.