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 a display that feels intentional and easy to read.
Feedspace gives you two dedicated color pickers inside the Widget Color Customization section to manage text appearance across the entire Avatar Blocks grid. The Primary Text Color controls the review title and body text, which are the most prominent readable elements in each block. The Secondary Text Color controls the reviewer name, date, and any associated metadata, which appear in a supporting role beneath the main review content. Setting these two colors independently lets you create a clear visual hierarchy that guides visitors through each testimonial naturally, without relying on font size or weight changes alone.
Log in to your Feedspace account and navigate to the Widgets section from the left-hand sidebar. This is where all of your existing widgets are listed and managed.
Locate your Avatar Blocks widget in the list and click the edit icon next to it. If you have not created one yet, create a new widget and select Avatar Blocks as the widget type before continuing.
Once inside the widget editor, click the Design tab at the top of the editor panel. The Design tab contains all visual customization settings for your Avatar Blocks widget, including layout, spacing, and color options.
Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups all color-related settings for the widget in one place, making it easy to adjust the overall color scheme without navigating between multiple panels.
Click the color picker next to Primary Text Color. This color applies to the review title and body text displayed inside each block of the Avatar Blocks grid. Choose a color that provides strong contrast against your card background so the review content is easy to read at a glance. Click outside the picker or confirm your selection to apply the color.
Click the color picker next to Secondary Text Color. This color applies to the reviewer name, date, and any metadata shown beneath the review body in each block. Using a slightly lighter or more muted tone than your primary color helps establish a natural reading hierarchy, drawing attention to the review content first and the reviewer details second. Confirm your selection once you are happy with the result.
Click Save to apply both color changes to your Avatar Blocks widget. Use the preview to review how the primary and secondary text colors look together across the block grid before publishing. Adjust either color if the contrast or hierarchy does not look right, then save again.
Overview 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...
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...