3 column grid layout possible?

  • Resolved lauratraveler

    (@lauratraveler)


    2 years, 3 months ago

    Hi,

    I’m using the grid layout but related posts are displayed on 2 columns only on desktops. How can I have 3 columns?

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Ajay

    (@ajay)

    The CSS by default is set to automatically fit in the columns based on the size of the thumbnail width in the settings.

    You could force this by adding it to the Custom styles tab or in your Customizer CSS setting.

    .crp_related.crp-grid ul {
 grid-template-columns: 3, 1fr;
}
    Thread Starter lauratraveler

    (@lauratraveler)

    Thanks, @ajay! However, the code isn’t working. I get “Expected RBRACE at line 2 col 28”.

    Is it possible to make the related posts display at full screen width? This way maybe the posts will show on 3 columns automatically without extra css.

    Plugin Author Ajay

    (@ajay)

    What is your site URL for me to check?

    On the code, can you double-check that you have the closing brace } which is in the third line above. Without that you’ll get an error.

    Thread Starter lauratraveler

    (@lauratraveler)

    Hi @ajay, If I’m changing the post layout to fullwidth, the related posts show on 3 columns, just as I want them. However, the text and images of the post become fullwidth as well, which is not what I want. I did this test just to see if the related posts show on 3 columns, and they do, if the content layout is wide enough.

    Is it possible to display fullwidth the related posts only?

    Plugin Author Ajay

    (@ajay)

    I’ll mark this closed – we can use the other thread.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘3 column grid layout possible?’ is closed to new replies.