The Avatar Blocks widget displays reviewer testimonials in a structured block grid, pairing each reviewer’s avatar with their review text side by side in a clean, symmetrical layout. Because each review occupies its own distinct block in the grid, adding a visible border to those blocks helps define the boundary between cards, making the layout feel more organized and polished on any page.
The Show Review Card Border toggle in the Widget Color Customization section lets you frame each block in the grid with a customizable border. Once enabled, you can control the border’s thickness (1px to 12px), its corner style using Border Radius (from sharp corners to XX-Large rounded corners), and its color using a color picker. These controls work together to let you match the card frames precisely to your brand or page design, whether you want a subtle hairline outline or a bold rounded frame around every avatar and testimonial block.
Log in to your Feedspace account. In the left sidebar, click Widgets to open the Widgets section. You will see a list of all widgets you have created.
Find your Avatar Blocks widget in the list. Click the Edit button (or the widget’s name) to open the widget editor. Confirm that the widget type shown is Avatar Blocks before continuing.
Inside the widget editor, click the Design tab at the top of the settings panel. This tab contains all visual customization options for the widget, including color, typography, and card styling controls.
Scroll down within the Design tab until you reach the Widget Color Customization section. This section groups all color and border-related controls for the widget’s card appearance.
Locate the Show Review Card Border toggle and switch it on. The toggle activates border display for every review card block in your Avatar Blocks grid. Once enabled, three additional controls appear beneath the toggle.
Use the Border Thickness slider or input to choose a value between 1px and 12px. A lower value such as 1px or 2px creates a subtle outline around each block, while a higher value creates a more prominent frame. Choose a thickness that complements the grid’s structured layout without overwhelming the avatar or review text.
Use the Border Radius control to set the corner style of each card block. Options range from None (sharp right-angle corners) to XX-Large (heavily rounded corners). Select the radius that best suits the visual style of your page. For a modern card look, a Medium or Large radius pairs well with the Avatar Blocks grid format.
Click the Border Color picker to open the color selector. Choose a color that either matches your brand palette or complements the card background color. A neutral tone such as light gray often works well for a clean, professional look on the Avatar Blocks grid.
Once you are satisfied with the border settings, click Save to apply the changes. Use the widget preview to confirm that each review card block in the Avatar Blocks grid displays the border with your chosen thickness, radius, and color.
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. Because each testimonial sits inside its own distinct card, visual separation between cards is important for readability and a polished presentation. The Show Review...
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...