You can change the height of the carousel layout from the advanced settings. Here’s how to do it:

  • Log in to Flockler and navigate to the 'Display' tab.

  • Click 'Edit style and settings' for the carousel embed that you’d like to edit.

  • Scroll down at the bottom and open the 'Advanced part'. Then, add this CSS to the field:

.flockler-carousel_v2-item {
width: 250px;
}

The above CSS should decrease the height of the carousel after saving changes and the new height should show up immediately on your website. You can edit the value '250px' to test how the carousel looks in different sizes.

Depending on the elements that are visible and the size you selected, you might need to adjust, for example, the font size of the profile name. Here’s an example CSS for the name and username if you are decreasing the height:

.flockler-carousel_v2-item__profile__name,
.flockler-carousel_v2-item__profile__username {
font-size: 10px;
}

If you are not familiar with CSS or if there are any questions, please don’t hesitate to contact our customer success team via live chat.

Did this answer your question?