When a visitor clicks an avatar in your Avatar Group widget, Feedspace opens a card with that person’s review. The Card Background picker sets the card’s fill color, and Card on Hover Color sets the color it switches to while the pointer is over it.
A card in a soft tint of your brand color looks like part of your page rather than a default white pop-up. A slightly darker hover color gives visitors a small cue that the card responds to them.
Steps to change the card background color
Step 1: Head to Widgets
Once signed in, select Widgets in the left-hand navigation.
Step 2: Open Custom Colors
Use the Edit (pencil) icon on the Avatar Group’s card, click Design, and scroll to Custom Colors.
Step 3: Set Card Background
Click the swatch next to Card Background, or type a hex code into the box beside it. Set Card on Hover Color, directly below, the same way if you want a hover color.
Step 4: Save the colors
Open a card by clicking any avatar in the preview, check the new fill, and click Save & Next.
These colors are for the review card, which only shows after a visitor clicks an avatar. Click one in the preview to see your changes.
You might also find helpful
How Do I Change the Text Color on My Avatar Group Widget in Feedspace?
Overview The Avatar Group widget in Feedspace has two text color settings, Primary Text and Secondary Text. Together they color the text visitors read, such as the review on the card that opens from an avatar. A strong primary color with a softer secondary one gives each review a clear...
How to Create an Avatar Group Widget in Feedspace
Overview The Avatar Group widget in Feedspace displays the profile pictures (avatars) of your reviewers in a sleek and minimal circular layout. Itβs ideal for showing social proof in a subtle, space-saving format on your homepage, footer, or testimonial sections. How to Access Step 1 – Log in to Feedspace...
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...