Having issues with grid view. On desktop using chrome and firefox only one blog post shows an image on grid view. If I reduce screen size so it becomes a single column both blog posts show the image. But when going out to default size and blog changes to two columns only one image shows.
No errors in browser console, seems like image loads, just does not display. I have my browser set to “no cache”, also cleared cloudflare cache.
OS: Ubuntu 20
Ghost-CLI version: 1.26.1
Ghost version: 5.105.0
Nodejs: v20.18.1
Kind of stumped, anybody see the issue?
That’s Source in magazine layout, right? The image is set to display:none:
.gh-header.is-magazine :is(.gh-header-left,.gh-header-right) .gh-card:last-child .gh-card-image {
display: none;
}
You can see it in the previews - it doesn’t show the image for the last post in the column. Source: Our new default theme
Unfortunately, you only have two posts, so the first post… is the last post.
You could try setting it to ‘display: block’ - drop that in code injection in between <style>
and </style
.
Or publish a few more posts, and the problem should resolve itself!
1 Like
Makes sense, I’ll write a couple more and see.
Thanks!