Blog Category formatting

[pearlmultimedia]

If you click on the “Blog” menu on my website the list of articles loads exactly the way I want, with the blog title, metadata, featured photo, and intro text. Like this: https://www.dachshundjoy.com/blog/

But if you click on the categories in the sidebar (I call them Topics), they lack some of these features. For example:

• The Behavior topic lacks the photo (https://www.dachshundjoy.com/topics/behavior/).
• The other topics all lack the title and metadata (https://www.dachshundjoy.com/topics/breed-info/)

What is controlling the formatting of these different topics? I want them all to look like the main Blog list.

Here’s some custom CSS I found, in case this helps. It still wouldn’t explain (I don’t think) why the one topic would be formatted differently from all the others.

}

.archive .x-main .hentry {
position: relative;
}

.archive .x-main .hentry>.entry-featured {
float: none;
max-width: 599px;
margin: 108px auto 0;
width: 100%;
}

.archive .x-main .hentry.has-post-thumbnail>.entry-wrap {
float: none;
width: 100%;
padding-left: 0;
}

.archive .x-main .hentry.has-post-thumbnail>.entry-wrap .entry-header {
position: absolute;
top: 0;
width: 100%;
margin: 30px 0 0 ;
}

[nabeel]

Hi @pearlmultimedia,

Thank you for reaching out to us.

• I checked your Behavior category page and the post in the Behavior category doesn’t have the featured image, you can verify it on your blog page as well. Just add a featured image to the post “Dachshund Temperament, from Good to Bad” and the image will be be displayed on Behavior category page.

• To fix the title issue, please find and remove the following CSS code:

.archive .x-main .hentry.has-post-thumbnail>.entry-wrap .entry-header {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 30px 0 0;
}

Cheers!