Support » Plugin: Custom Related Posts » Grid?

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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 support@bootstrapped.ventures 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 1 year ago by Deon.
    • This reply was modified 1 year 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.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Grid?’ is closed to new replies.