If you’ve added CSS to your Feedspace widget but the styles aren’t taking effect, there are a few specific things to check. The most common cause is that the CSS is targeting a selector that the widget’s custom CSS panel doesn’t have access to, or that the toggle enabling custom CSS isn’t switched on.
Click Widgets in the left sidebar, then click the pencil icon on your widget to open the editor. Go to the Design tab and scroll to the bottom. The Custom CSS toggle must be turned on before the CSS field appears. If it’s off, no CSS is applied regardless of what you’ve typed.
The custom CSS panel is scoped to the review card’s internal elements. It does not apply to the outer .feedspace-embed container or to your page layout around the widget. Selectors like .feedspace-embed { height: 500px; } will have no effect from inside the CSS panel.
Target card internals instead. The confirmed class for the review text is .feedspace-review-content. To find the class name for other elements (reviewer name, company, star rating), embed the widget on a test page and use your browser’s DevTools: right-click the element, select Inspect, and read the class from the HTML. Then target that class in the CSS panel.
The CSS field does not validate your syntax before saving. A missing semicolon or an unclosed brace will silently break the entire rule. Double-check your CSS for:
font-size: 16px;.class { ... }The widget’s built-in styles may use more specific selectors than your rule. If a simple class selector like .feedspace-review-content { font-size: 14px; } isn’t overriding the default, add the parent widget container class to increase specificity. Use your browser DevTools to inspect the applied styles and see which rule is winning.
The CSS field accepts up to 1,500 characters. If your CSS is longer than this, the field truncates it on save and the truncated portion is silently dropped. Keep your CSS compact: remove comments, whitespace, and any rules you don’t need.
For CSS that needs to control the outer widget container (height, max-width, overflow), add those styles to your website’s stylesheet or inline style on the page rather than in the widget’s CSS panel. See How Do I Control the Height of My Feedspace Widget? for an example of how this is done.
Yes. When you click Save and Next, the CSS is saved to the widget. The next time the page loads with your embed code, the new styles apply. Visitors on your site who already have the page cached may see the old styles until their cache clears. Do a hard refresh (Ctrl+Shift+R on Windows, Command+Shift+R on Mac) to see the change yourself.
Overview Feedspace lets you apply Custom CSS to any widget directly from the widget editor. Use it to adjust fonts, colors, spacing, and typography to match your website’s design. Custom CSS is available on plans that include it. If your current plan does not, turning on the Custom CSS toggle...
Overview When you embed a Feedspace widget on your page, the widget renders inside a div element and expands vertically to fit all the review cards it needs to display. There is no height field in the widget editor itself. If the widget looks taller than you want, you control...
Overview It can be surprising to notice that a review you collected is not showing up inside your widget. The good news is that there are a small number of well-defined reasons why this happens, and every one of them has a straightforward fix. This article walks you through each...