Overview
The Avatar Card Carousel widget displays testimonials in a sliding carousel format, pairing each reviewer’s avatar with their name, role, and review text. Because the carousel surfaces reviewer identity alongside the testimonial copy, consistent typography is especially important: a font that clashes with your website’s design draws attention away from the social proof content itself.
The Font Family selector in the Advanced Customization section of the Design tab lets you apply a specific typeface to all text rendered inside the Avatar Card Carousel, covering reviewer names, roles, star labels, and testimonial body text in one setting. The Auto Capture option goes further by automatically detecting the primary font already in use on the page where the widget is embedded, so the carousel text blends seamlessly into your site without any manual selection.
How to Change the Font on Your Avatar Card Carousel Widget
Step 1: Open the Widgets Section
Log in to your Feedspace account. From the left sidebar, click Widgets to open the list of all widgets you have created.
Step 2: Edit Your Avatar Card Carousel Widget
Find your Avatar Card Carousel widget in the list. Click the Edit button (or the widget name) to open the widget editor.
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 widget.
Step 4: Locate the Advanced Customization Section
Scroll down within the Design tab until you reach the Advanced Customization section. This section contains additional styling controls, including the Font Family selector.
Step 5: Select a Font Family
Click the Font Family dropdown to see the available font options. Choose any font from the list to apply it to all text within the Avatar Card Carousel. To let the widget inherit the font already used on your website, select Auto Capture from the top of the list. Auto Capture detects the page’s primary font at render time and applies it automatically, keeping the carousel visually consistent with the rest of your site.
Step 6: Save and Preview Your Widget
After selecting your preferred font, click Save to apply the change. Use the live preview panel to confirm the new font is rendering correctly across all cards in the carousel, including reviewer names, roles, and testimonial text.
What You Can Do Next
- Adjust the text color on your Avatar Card Carousel widget to complement the new font and maintain readability across all reviewer cards.
- Explore other Advanced Customization options on the Design tab to fine-tune spacing, border styles, and background colors for the carousel.
- Copy the updated widget embed code and replace the existing snippet on your website to publish the font change to your live pages.
- Create a second Avatar Card Carousel widget with a different font to A/B test which typography style drives more engagement with your testimonials.
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...