The Avatar Blocks widget displays your testimonials in a structured block grid, placing each reviewer’s avatar alongside their review text in a clean, side-by-side layout. Each testimonial sits inside its own individual card, and the card background color defines the fill of that card container, framing the avatar and review content together as a visual unit.
The Card Background Color picker is found inside the Widget Color Customization section of the Design tab. It lets you set a single fill color that applies uniformly to every review card in the grid, giving the widget a cohesive look. On some widget configurations, a Card on Hover Color picker also appears alongside it, letting you define a separate fill color that activates when a visitor hovers over a card, adding an interactive dimension to the layout.
Choosing the right card background color is particularly important for the Avatar Blocks widget because the grid structure places multiple cards in close visual proximity. A well-chosen color keeps each card readable, ensures the reviewer avatar stands out, and ties the entire block grid into your site’s overall color scheme without drawing attention away from the review content itself.
Log in to your Feedspace account and navigate to the Widgets section from the main sidebar. You will see a list of all the widgets you have created for your workspace.
Locate your Avatar Blocks widget in the list and click the Edit button (or the widget name) to open its settings. If you have not created one yet, you can create a new Avatar Blocks widget from this screen first.
Inside the widget editor, click the Design tab at the top of the settings panel. This tab contains all visual customization options for your Avatar Blocks widget, including layout, typography, and color settings.
Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups all color pickers for the widget together, including options for text, background, and card colors.
Click the Card Background Color picker to open the color selection tool. You can choose a color using the visual color palette, enter a hex code directly for an exact brand match, or adjust the opacity slider to create a semi-transparent card effect. Your changes are applied to every review card in the Avatar Blocks grid in real time, so you can preview the result immediately in the widget preview area.
If a Card on Hover Color picker appears below the Card Background Color option, click it to define the fill color that displays when a visitor hovers their cursor over a review card. This is optional. If you prefer a static card appearance with no color change on hover, you can leave this picker unchanged or set it to the same value as the card background color.
Once you are satisfied with the card background color, click Save to apply your changes. The updated card background color will be reflected immediately on any page where your Avatar Blocks widget is embedded.
Overview The Avatar Blocks widget presents testimonials in a structured block grid, placing each reviewer’s avatar alongside their review title, body text, name, date, and metadata in a clean side-by-side layout. Because this widget surfaces so much textual information at once, controlling how that text looks is essential for creating...
Overview Feedspace’s Avatar Blocks widget displays your reviews in bold, grid-based cards where the reviewer’s profile picture takes centre stage. It’s a strong, visually balanced layout that works well on testimonial pages, pricing pages, and anywhere you want reviews to feel authentic and human. Step 1: Log in to 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...