Customizing Widgets
MentionFox widgets are designed to blend seamlessly into your website. Every visual element can be customized to match your brand.
Colors
Set these color values in the widget builder's Style tab:
- Background color -- the widget container background. Set to transparent if you want it to inherit your page's background.
- Card background -- the background of individual mention cards within the widget.
- Text color -- primary text (quote body, author names).
- Accent color -- used for platform icons, sentiment badges, and hover states.
- Border color -- card borders and dividers. Set to transparent for a borderless look.
Layout Options
Depending on widget type, you can configure:
- Columns (Wall of Love) -- 2, 3, or 4 columns. Auto-adjusts to fewer columns on smaller screens.
- Cards per page (Mention Feed) -- how many mention cards show before the user needs to scroll or paginate.
- Auto-rotate speed (Testimonial Slider) -- seconds between slides. Set to 0 to disable auto-rotation.
- Max height -- constrain the widget height and enable scrolling. Useful when you have many mentions but limited page space.
Content Display
Control what information appears on each mention card:
- Show author name -- toggle on/off. Some users prefer anonymous testimonials.
- Show platform icon -- displays the source platform (Reddit, Twitter, etc.) with its icon.
- Show date -- when the mention was found.
- Show sentiment badge -- the Positive/Neutral/Negative tag.
- Truncate text -- set a character limit for long mentions. A "Read more" link expands the full text.
Typography
Choose from a set of web-safe font families for quote text and author names. You can also adjust font sizes independently for the quote body, author name, and metadata (date, platform). The widget loads fonts from Google Fonts, so they render consistently across browsers.
Dark Mode / Light Mode
Toggle between dark and light presets in the Style tab. Dark mode uses a dark background with light text; light mode uses a white background with dark text. Both presets can be further customized with the color controls described above.
Tip: If your website has both dark and light themes, create two versions of the same widget and use CSS media queries or JavaScript to show the appropriate one based on the user's preference.
Filtering Rules
Set content rules to control which mentions can appear in the widget:
- Minimum relevance -- only show mentions above a relevance threshold.
- Sentiment filter -- restrict to Positive only (most common for social proof widgets).
- Platform filter -- show mentions from specific platforms only.
- Keyword blocklist -- exclude mentions containing specific words (competitor names, profanity, etc.).
