Pummelchen At a guess, if you're meaning what I think you might possibly mean. It sounds similar to what I was dealing with a few days ago.
You could maybe try increasing the margin space between—&/or increasing the height of—the discussion list items to spread them out so that they utilize more of the available vertical space.
I don't know if it's the same thing you're meaning, but that's what I did in order to get rid of the large vacant gap between the 'Load More' button and the footer.
Example: Modify Margin
Increase the discussion list items top/bottom margin (*ie: the spacing between each).
.DiscussionListItem {
margin: 15px 0; /*ADJUST AS NEEDED*/
}
// This is the shorthand version of the CSS margin property. The first value (15px) applies to the top and bottom margins, while the second value (0) applies to the left and right margins.
Example: Modify Height
Increase the discussion list items container height.
.DiscussionListItem {
height: 90px; /*ADJUST AS NEEDED*/
}
// This CSS code snippet is a simple style rule example that sets the height of each discussion item to 90 pixels. Meaning that every discussion listed will occupy a vertical space of 90 pixels on the page.
•Could optionally also try adding top/bottom padding to either of these too, to create space inside each discussion list item container, ie: between the top/bottom of the discussion list item content and the top/bottom of the discussion list item container. eg: by adding the CSS property: padding: 10px 0;
🙂Hope this helps.
