Overview
The Floating Cards widget displays your customer reviews as animated cards that gently drift and float across the screen, creating an eye-catching, dynamic showcase of social proof. Each card drifts independently, drawing visitor attention as it moves, which means the visual style of every card directly shapes how your brand is perceived.
The Card Background Color option in the Widget Color Customization section sets the fill color applied to every floating review card. Because the cards are the central visual element of this widget, their background color has an outsized effect on readability and brand consistency. A background color that contrasts well with your text keeps each card legible as it floats, while a color that matches your site palette makes the widget feel like a native part of your design rather than an overlay.
On some widget configurations a Card on Hover Color picker also appears alongside the Card Background Color option. This lets you set a separate fill color that activates when a visitor hovers over a card, adding an interactive highlight effect to the floating animation.
How to Change the Card Background Color for Your Floating Cards Widget
Step 1: Open the Widgets Section
Log in to your Feedspace account. From the main navigation, click Widgets to open your list of saved widgets.
Step 2: Edit Your Floating Cards Widget
Locate your Floating Cards widget in the list. Click the Edit button (or the pencil icon) next to it to open the widget editor.
Step 3: Go to the Design Tab
Inside the widget editor, click the Design tab. This tab contains all visual customization options for the widget, 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 Floating Cards widget in one place.
Step 5: Set the Card Background Color
Click the Card Background Color picker. A color palette and hex input field will appear. Choose your desired color by clicking a swatch, entering a hex code directly, or using the color spectrum. The preview updates in real time so you can see how the color looks on the floating cards before saving.
Step 6: Set the Card on Hover Color (If Available)
If your widget configuration shows a Card on Hover Color picker below the Card Background Color option, click it and select the color you want each card to display when a visitor hovers over it. This is optional. If the picker is not present for your widget, skip this step.
Step 7: Save Your Changes
Once you are satisfied with your color selection, click Save to apply the updated card background color to your Floating Cards widget. The change takes effect immediately on any page where the widget is embedded.
What You Can Do Next
- Change the text color on your Floating Cards widget so your review content stays legible against the new card background color.
- Adjust the Card on Hover Color to add an interactive highlight effect that engages visitors as they move their cursor over the floating cards.
- Explore other design options in the Design tab, such as card size, animation speed, and border settings, to further refine how the floating cards look and move.
- Copy the updated embed code from the widget editor and re-paste it on your site if your page builder does not automatically pick up widget changes.
You might also find helpful
How Do I Change the Text Color on My Floating Cards Widget in Feedspace?
Overview The Floating Cards widget displays your reviews as animated notification-style cards that gently float and drift across the screen. Because each card is always in motion, text legibility is critical: a color that blends into the background or clashes with the card surface makes the review hard to read...
How to Create a Floating Cards Widget in Feedspace
Overview The Floating Cards widget in Feedspace displays your reviews in stack-like cards that float over your website layout. You can position them on the left, center, or right side of the screen. This widget is perfect for showing continuous feedback without interrupting the visitorโs browsing experience. How to Access...
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...