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 the height using CSS on your website, not inside Feedspace.
A common situation: you embed a carousel on a page with limited vertical space and want to cap how tall it grows. There are two approaches: add a CSS rule directly on your page, or wrap the embed code in a container and cap the height there. Both work on any website builder that lets you add custom HTML or CSS.
The Feedspace embed div uses the class feedspace-embed. Add the following CSS anywhere in your page’s stylesheet or custom CSS panel:
.feedspace-embed {
max-height: 500px;
overflow: hidden;
}Replace 500px with the height you want. overflow: hidden clips anything that extends beyond that boundary. If you want the widget to remain scrollable within the fixed area, use overflow-y: auto instead.
If you need more layout control, paste the embed code inside a wrapper div with a fixed height:
<div style="height: 500px; overflow: hidden;">
<div class="feedspace-embed" data-id="YOUR_WIDGET_ID"></div>
<script src="https://js.feedspace.io/v1/embed/embed.min.js" type="text/javascript" async></script>
</div>Replace YOUR_WIDGET_ID with your actual widget ID from the embed code Feedspace generates. You can copy the full embed code from the Share tab inside your widget editor.
Most page builders have a custom CSS or custom HTML block where you can apply the rules above. A few notes for common setups:
height: "500px", overflow: "hidden". See the Framer embed article for the full component code.div with the inline style from Option 2 above.If you want to adjust how much text shows inside each review card rather than the overall widget height, use the truncation setting. The Shorten Long Reviews article covers that. If you need broader visual changes to the widget cards, see How to Use Custom CSS in Feedspace Widgets.
The CSS rule targets the feedspace-embed class, so it must load after the widget script. Check that your stylesheet loads in the <head> or at the end of <body>, and not before the embed code. If you’re using a page builder’s custom CSS field, that usually loads at the right point automatically.
Yes. Use a CSS media query in your stylesheet to apply a different max-height for smaller screens:
@media (max-width: 768px) {
.feedspace-embed {
max-height: 300px;
}
}Overview Feedspace allows you to fully customize your Widgets using the Custom CSS feature.This option helps you match your review widget with your website’s design by adjusting colors, typography, and spacing: ensuring a seamless, branded look. Step 1: Open Widget Settings Step 2: Access the Custom CSS Option Step 3:...
Overview The Carousel widget in Feedspace lets you display multiple reviews in a continuously sliding format. You can enable autoplay, customize speed, and fine-tune design elements such as border, background color, and text colors. It’s a great way to keep your testimonials engaging and visually dynamic. How to Access Step...
Overview Feedspace offers an easy way to display your customer reviews stylishly on your website. By embedding reviews through Feedspace widgets, you can enhance your website’s credibility and design. With options like Carousel and Masonry widgets, you can showcase your reviews in a way that best fits your site’s look....