How Do I Change the Star Rating Color on My Cross Slider Widget in Feedspace?

Overview

The Cross Slider widget displays each review card one at a time using a distinctive cross-directional slide transition, giving every testimonial full visual focus before moving to the next. Because each card occupies the entire widget frame in isolation, the star rating is one of the most immediately visible elements on screen. Feedspace gives you two dedicated color pickers in the Widget Color Customization section to control exactly how those stars appear: Star Rating Color sets the fill color of the star icons, and Star Rating Border Color sets the outline or border color around each star icon. Adjusting these two options lets you align the star display with your brand palette, ensuring that the rating feels like a natural part of your site’s visual identity rather than a generic default. Whether you want bold, high-contrast gold stars against a dark background or soft, muted stars on a light card, these controls give you precise authority over that appearance on every slide in the Cross Slider.

How to Change the Star Rating Color for Your Cross Slider 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 Cross Slider Widget

Locate the Cross Slider widget you want to update. Click the Edit button or the widget name to open the widget editor. Confirm that the widget type shown is Cross Slider before continuing.

Step 3: Go to the Design Tab

Inside the widget editor, click the Design tab. This tab contains all visual and layout customization options for your Cross Slider widget, including background, 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 controls for the Cross Slider widget in one place.

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

You will see two color pickers in this section:

• Star Rating Color: Click this color picker to choose the fill color applied to the interior of each star icon. This is the primary color your visitors will associate with the rating score on each review card.
• Star Rating Border Color: Click this color picker to choose the outline or border color drawn around each star icon. This color is visible on both filled and empty stars, giving you control over the contrast and definition of the rating display.

Select your desired colors using the color picker or enter a hex code directly. The Cross Slider preview will update in real time so you can see how your chosen colors look on an actual review card before saving.

Step 6: Save Your Changes

Once you are satisfied with both color selections, click Save to apply the changes. Your Cross Slider widget will now display the updated star rating colors on every review card across the slider.

What You Can Do Next

• Show or hide the star rating display entirely on your Cross Slider widget to control whether ratings appear on each review card.
• Explore the other color options in the Widget Color Customization section, such as card background and text colors, to create a fully cohesive Cross Slider design.
• Copy the embed code for your updated Cross Slider widget and add it to your website so visitors see the new star rating colors immediately.
• Create a second Cross Slider widget with a different color scheme to test which star rating color combination drives more engagement on your testimonials page.