Overview
The Vertical Scroll widget displays your review cards in a continuously looping vertical feed, keeping testimonials visible and in motion on your page. Because the widget stacks cards in a tight column and scrolls them past the viewer one after another, the star rating icons appear prominently on every card throughout the scroll cycle. Feedspace gives you two dedicated color pickers in the Widget Color Customization section to control exactly how those stars look: 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. Matching these two colors to your brand palette ensures the rating display feels intentional rather than generic, and it keeps the visual rhythm of the scrolling feed consistent from the first card to the last.
How to Change the Star Rating Color for Your Vertical Scroll 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 widgets you have created.
Step 2: Edit Your Vertical Scroll Widget
Locate your Vertical Scroll widget in the list and click the Edit button next to it. This opens the widget editor where you can adjust its content and appearance.
Step 3: Go to the Design Tab
Inside the widget editor, click the Design tab at the top of the panel. This tab contains all visual customization options for the widget, including layout, colors, and typography 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 widget in one place.
Step 5: Set the Star Rating Color and Star Rating Border Color
You will find two color pickers in this section dedicated to the star icons:
- Star Rating Color: Click this color picker to choose the fill color of the star icons. This is the main color that fills the interior of each star shape on every review card as it scrolls through the feed.
- Star Rating Border Color: Click this color picker to choose the outline or border color drawn around each star icon. Setting a contrasting border color can make the stars stand out clearly against different card background colors in the scrolling feed.
Use the color picker to enter a hex code directly or select a color visually. Once you are satisfied with both values, click Save to apply the changes to your Vertical Scroll widget.
What You Can Do Next
- Show or hide the star rating row entirely on your Vertical Scroll widget to control which review cards display a rating as they loop through the feed.
- Adjust the card background color and text colors in the Widget Color Customization section so the new star colors remain readable and on-brand across every card in the scroll.
- Preview the live scrolling animation using the widget preview panel to confirm the star fill and border colors look correct at scroll speed before embedding the widget on your site.
- Copy the updated embed code for your Vertical Scroll widget and replace the existing snippet on your website so visitors immediately see the refreshed star rating colors in the looping feed.
You might also find helpful
How Do I Show or Hide Star Ratings on My Vertical Scroll Widget in Feedspace?
Overview The Vertical Scroll widget displays your review cards in a continuously looping vertical feed, cycling through each review one after another in a seamless, animated stream. Because each card moves through the feed in sequence, the visual weight of every element on the card directly affects how clean and...
How to Create a Vertical Scroll Widget in Feedspace
Overview The Vertical Scroll widget in Feedspace displays reviews in a continuous upward-scrolling format. Itβs ideal for pages with limited horizontal space, such as sidebars, landing pages, or testimonials sections. You can enable cross-scrolling animations, customize borders, and adjust colors to match your brand. How to Access Step 1 –...
How Do I Customize the Design of My Widget in Feedspace?
Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...