Plugin Author
Ajay
(@ajay)
You’ll need to write custom CSS for this – If you’re using one of the grid styles in the settings page, you could try adding this under custom styles
.crp_related ul {
grid-template-columns: repeat(4, minmax(150px, 1fr));
}
Replace 150 by the width of the thumbnail you’ve set.
Thank you Ajay,
unfortunately it is now working for me, I don’t know why.
You can see a screen shot of here
Plugin Author
Ajay
(@ajay)
What’s your site URL?
And to confirm are you using the Thumbgrids style?
This is the URL: https://www.travelitaly.co.il/
And YES, I am using “Rounded thumbnails”
Plugin Author
Ajay
(@ajay)
This would only work with Rounded Thumbnails Grid or Grid style – not the original rounded thumbnails because Rounded Thumbnails uses the float.
However, I just checked a few posts and I see a 4×2 grid.
I just changed it to grid and it is good now.
Thanks a lot!
One last think – do you know what should I add to the CSS code in order for the settings to affect the desktop view only? (not mobile)
Plugin Author
Ajay
(@ajay)
Depending on how you’re seeing the mobile view.
The CSS grid style lets it lay out the number the posts automatically based on the width of the container. Another alternative is to use flexbox – the code here came from another user that I tweak for responsiveness. This works with Rounded Thumbnails with the custom code laid over it.
https://gist.github.com/ajaydsouza/462b41930c325e6bc345#file-crp-flexbox-css
Thanks againfor your help!
