t content instead of occupyishot atta

Thanks. Before I add it, I tested the snippet against more post types and it doesn't hold up, so I'm holding off on pushing to prod.

The underlying problem is that the content-type label is positioned with a fixed top offset, so it floats over the post content instead of occupying its own space. That means it collides with whatever sits in that spot. On a pinned post with a long title, the title now wraps underneath the label and gets overlapped (screenshot attached). I ran into the same thing earlier with the featured thumbnail. Each adjustment with top/margin just moves the collision somewhere else.

Two requirements for the fix:

1. Long or wrapping titles must not run underneath the label.
2. When a post has a featured thumbnail, there needs to be enough spacing built in so the label clears the image as well. The label and the thumbnail can't occupy the same space.

Let's set the responsive/width behavior aside for now.

Thanks. Before I add it, I tested the snippet against more post types and it doesn't hold up, so I'm holding off on pushing to prod.

The underlying problem is that the content-type label is positioned with a fixed top offset, so it floats over the post content instead of occupying its own space. That means it collides with whatever sits in that spot. On a pinned post with a long title, the title now wraps underneath the label and gets overlapped (screenshot attached). I ran into the same thing earlier with the featured thumbnail. Each adjustment with top/margin just moves the collision somewhere else.

Two requirements for the fix:

1. Long or wrapping titles must not run underneath the label.
2. When a post has a featured thumbnail, there needs to be enough spacing built in so the label clears the image as well. The label and the thumbnail can't occupy the same space.

Let's set the responsive/width behavior aside for now.

Thanks. Before I add it, I tested the snippet against more post types and it doesn't hold up, so I'm holding off on pushing to prod.

The underlying problem is that the content-type label is positioned with a fixed top offset, so it floats over the post content instead of occupying its own space. That means it collides with whatever sits in that spot. On a pinned post with a long title, the title now wraps underneath the label and gets overlapped (screenshot attached). I ran into the same thing earlier with the featured thumbnail. Each adjustment with top/margin just moves the collision somewhere else.

Two requirements for the fix:

1. Long or wrapping titles must not run underneath the label.
2. When a post has a featured thumbnail, there needs to be enough spacing built in so the label clears the image as well. The label and the thumbnail can't occupy the same space.

Let's set the responsive/width behavior aside for now.