Overview
The Avatar Card Carousel widget displays your testimonials as individual reviewer cards that slide horizontally, with each card showing a reviewer’s avatar, name, and testimonial text side by side. Because the card surface is the most prominent visual element in this layout, its background color strongly influences how readable and polished your carousel looks on any page.
The Card Background Color option, found in the Widget Color Customization section of the Design tab, lets you set a single fill color that applies uniformly to every card in the carousel. Choosing a color that contrasts well with your text keeps reviewer names and testimonials easy to read as visitors swipe through. On some widget configurations a Card on Hover Color picker also appears, letting you set a separate color for when a visitor moves their cursor over a card, which adds an interactive feel to the carousel without requiring any custom code.
How to Change the Card Background 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 left sidebar. You will see a list of all the widgets you have created.
Step 2: Edit Your Avatar Card Carousel Widget
Find your Avatar Card Carousel widget in the list and click the Edit button next to it. This opens the widget editor where you can adjust both content and design settings.
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 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, including text color, background color, and card 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 color spectrum selector. Your selection is applied instantly to every card in the carousel preview, so you can judge the result before saving.
Step 6: Set the Card on Hover Color (If Available)
If a Card on Hover Color picker appears below the Card Background Color picker, click it to choose the color that each card will display when a visitor hovers over it. Setting this to a slightly lighter or darker shade of your card background color creates a subtle, professional hover effect that encourages interaction. If this picker is not visible for your widget configuration, you can skip this step.
Step 7: Save Your Changes
Once you are satisfied with your color selections, click Save to apply the changes. The updated card background color will be reflected immediately wherever your Avatar Card Carousel widget is embedded.
What You Can Do Next
- Adjust the text color in the same Widget Color Customization section to ensure strong contrast against your new card background color.
- Enable the Card on Hover Color option to add an interactive hover effect that makes your Avatar Card Carousel feel more engaging for visitors.
- Preview your Avatar Card Carousel on both light and dark page backgrounds to confirm the card color looks consistent across all placements.
- Copy the updated embed code from the widget editor and replace the existing snippet on your website so visitors see the refreshed card design immediately.
You might also find helpful
How Do I Change the Text Color on My Avatar Card Carousel Widget in Feedspace?
Overview The Avatar Card Carousel widget displays your testimonials as a sliding sequence of cards, each combining a reviewer’s avatar image with the review title, body text, reviewer name, date, and metadata. Because all of this information appears together in a compact card layout, the contrast and consistency of your...
How to Create an Avatar Card Carousel Widget in Feedspace
Overview Feedspace’s Avatar Card Carousel widget combines the sliding motion of a carousel with prominent reviewer profile pictures. Each card highlights the reviewer’s avatar alongside their testimonial, making your social proof feel more personal and trustworthy. Step 1: Log in to Feedspace Go to your Feedspace Dashboard and log in...
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...