How can I show the cover image in the list in tags and categories pages?

[pottekkat]

I have added these in the front matter expecting to see the cover image in the list view in all places.

    cover:
        hidden: false # hide everywhere but not in structured data
        hiddenInList: false # hide on list pages and home
        hiddenInSingle: false # hide on single page

But I'm only seeing the cover image in the list view in the home page and not in the tags page or the categories page.

How can I set the list view to display the cover image in every page and not just the home page?

I am new to Hugo and it is not super obvious to me on how I can configure this. Any help would be appreciated.

@danielfdickinson do you have an idea about this?

Reference: navendu.me

[danielfdickinson]

How can I set the list view to display the cover image in every page and not just the home page?

You need to modify the CSS. The issue is:

.tag-entry .entry-cover {
    display: none;
}

Reference:

hugo-PaperMod/assets/css/common/post-entry.css

Line 50 in 3bcafa0

.tag-entry .entry-cover {

You can override that behavior using custom CSS.

Hope that points you in the right direction.

[pottekkat]

Thank you. Let me check. I couldn't find any issue in the templates. 😅 Did not think to check the CSS files. I will get back if this works or if I still need any help.

[pottekkat]

@danielfdickinson So I changed it to

.tag-entry .entry-cover {
    display: flex;
}

And it works as expected now. This is the right way right?

[danielfdickinson]

That's the kind of thing I was thinking of, yes. I'd have to verify if flex is right, but if it displays correctly then it probably is. Also, did you make sure to use custom CSS (override) rather than editing the theme?

[pottekkat]

Yes. I did the custom override. And it seems to work fine without issues.

Thank you again!