Plugin Author
Brecht
(@brechtvds)
Can you give me a link to what you have right now so I can take a look?
You could email it to [email protected] if you don’t want to share it publicly.
Thread Starter
Deon
(@deon-b)
Hi,
I sent you an email.
Thank you
Thread Starter
Deon
(@deon-b)
Thank you for your reply to my email. Problem is solved.
Thread Starter
Deon
(@deon-b)
Hi Brecht, I just have a follow up question. What if I want to show some excerpt from the content? Maybe a couple of lines?
Plugin Author
Brecht
(@brechtvds)
The ability to display the excerpt is on our todo list, but I cannot give you a deadline for that yet.
Anyone wondering about the original question, this custom CSS should be a good starting point:
.crp-list {
display: flex;
flex-wrap: wrap;
}
.crp-list-item {
flex: 1;
padding: 5px;
}
.crp-list-item-image img {
width: 100%;
}
Thread Starter
Deon
(@deon-b)
Hi,
actually I just noticed that this code you gave me works well if I put 3 related posts. But now for example I put 10.
And I was expecting 4 rows:
3
3
3
1
Instead it’s all messed around, images different sizes, texts not aligned etc
6 in first row and 4 in second row
Any way to fix this?
-
This reply was modified 6 years, 3 months ago by
Deon.
-
This reply was modified 6 years, 3 months ago by Deon.
Plugin Author
Brecht
(@brechtvds)
If you always want 3 columns you’ll need to specify a width for the .crp-list-item
Thread Starter
Deon
(@deon-b)
I added now:
.crp-list-item {
flex: 1;
padding: 5px;
width: 250px;
}
and also I tried:
.crp-list-item {
flex: 1;
padding: 5px;
width: 33.3%;
}
but it doesn’t seem to work. what am I missing?
Plugin Author
Brecht
(@brechtvds)
My bad, it should be flex-basis when using flexbox. Like this, for example:
.crp-list-item {
flex: 1;
padding: 5px;
flex-basis: 30%;
}
If you need further customizations I recommend getting a web developer to help you out. I’m afraid I don’t have time for freelance work myself.
