Carousel not aligning to top and exerpt too long

Hi,

There is an option for resizing images. To resize images, Goto

Style Settings > Image Sizes – Screenshot – https://prntscr.com/r4xwsm

You can choose an image size from the default sizes. Setting custom(User-defined) image Height and Width is a pro feature.
So it’s better to use images of the same height and width while using the free plugin.

The excerpt is a WordPress default function that trims a post and shows the first 10 or 20 words. As the words are not at the same lengths so it may take extra lines which makes the carousel items to appear in different heights.

Thank you

As I wrote before, all images are the same height and wight. I make them 800x550px before every new post.

The excerpt in my case show at least 2 times more than 10-20 words. Don’t know why. If it would differ in one or two lines, it wouldn’t be a problem. But the difference is huge between posts.

It would not be such a big problem if every post in the carousel was aligned to the top. It is not, so the carousel looks messy. This is how I see it: https://pasteboard.co/IVxRWcS.jpg

Regards

Hi

Please add the below CSS to the plugins Custom CSS field and let us know if it workes.

.wpcp-carousel-section.slick-initialized .slick-slide {
vertical-align: top !important;
}

.wpcp-post-carousel .wpcp-all-captions p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.wpcp-post-carousel .wpcp-single-item .wpcp-all-captions h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Thank You

Hi. It worked. All is aligned to the top. I changed [-webkit-line-clamp:] to 5 so there is a little longer exerpt.

One thing changed with this custom CSS. Now the post titles are in one row only, so the whole title is practically never displayed (always with “…” at the end). Before the custom css whole title was displayed. Maybe there is a css code which sets title has always 2 lines?

Br, Maciej

You can not make the titles to appear in two lines as some of them don’t have enough words to cover the full line.

In that case, you can add min-height to the h2 section.

Replace the h2 section CSS with the below CSS

.wpcp-post-carousel .wpcp-single-item .wpcp-all-captions h2 {

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

min-height: 52px;

}

Screenshot – https://prntscr.com/r77sv4

It will add a white space under the single line titles. This is the best way you can make the carousel items of the same height.

Thank you.

Thank you. I changed the h2 section and now it looks ok.