Overview
The Horizontal Scroll widget displays your review cards in a continuously looping ticker that scrolls across the page. Because every card moves past visitors in a tight, side-by-side stream, the fill color of each card has a direct impact on how readable and visually cohesive the ticker appears. The Card Background Color picker in the Widget Color Customization section lets you choose the exact fill color applied to every review card in the scroll. Swapping the default white or transparent fill for a color that matches your site palette helps the cards feel like a natural part of your page rather than an inserted element. On widgets that support it, a Card on Hover Color picker also appears so you can set a different card fill when a visitor moves their cursor over a card, adding a subtle interactive highlight to the scrolling ticker.
How to Change the Card Background Color for Your Horizontal Scroll Widget
Step 1: Open the Widgets Section
Log in to your Feedspace account and navigate to the Widgets section from the left-hand sidebar. You will see a list of all the widgets you have created for your workspace.
Step 2: Edit Your Horizontal Scroll Widget
Find the Horizontal Scroll widget you want to update and click the Edit button next to it. This opens the widget editor where you can adjust both the content and design of the scrolling ticker.
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 Horizontal Scroll widget, including layout, typography, and color controls.
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 the color pickers for the Horizontal Scroll widget, including card colors, text colors, and star rating colors.
Step 5: Set the Card Background Color
Click the Card Background Color picker. A color palette and hex input field will appear. Choose a color by clicking a swatch, entering a hex code directly, or using the hue slider to dial in your preferred shade. Every card in the Horizontal Scroll ticker will instantly update to display the new fill color in the preview. If a Card on Hover Color picker is also visible, you can set a second color that appears when a visitor hovers over a card in the live widget, giving the ticker an interactive feel.
Step 6: Save and Publish Your Changes
Once you are satisfied with the card background color, click Save to apply the changes. If the widget is already embedded on your website, the updated card color will appear automatically the next time the page loads, with no need to re-embed the widget code.
What You Can Do Next
- Adjust the text color of the review cards in your Horizontal Scroll widget to ensure strong contrast against your new card background color.
- Set a Card on Hover Color (if available for your widget) to create a visual highlight effect when visitors interact with the scrolling ticker.
- Preview the Horizontal Scroll widget on both desktop and mobile views to confirm the card background color looks correct across all screen sizes.
- Copy the embed code for your updated Horizontal Scroll widget and place it on your website to show visitors the newly styled scrolling review ticker.
You might also find helpful
How Do I Change the Text Color on My Horizontal Scroll Widget in Feedspace?
Overview The Horizontal Scroll widget displays your review cards in a continuously looping ticker that moves across the page. Because the cards scroll past in sequence, visitors have only a brief moment to read each one. Clear, well-contrasted text is essential to make that reading experience effortless. The Widget Color...
How to Create a Horizontal Scroll Widget in Feedspace
Overview The Horizontal Scroll widget in Feedspace showcases your reviews in a smooth side-by-side scrolling motion. It is perfect for sections where you want continuous movement and visual engagement, such as website headers, testimonial rows, or landing pages. How to Access Step 1 – Log in to Feedspace Go to...
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...