Aggregate Theme Post Date Position Problem w/ Featured Image Thumbnail

I assume this is your site?
https://parchmentgirl.com/

It happens because the dates are supposed to appear inside the post, not to the left, half outside the post. The author used some negative margins to position the dates where they are so that they look nice.

That’s OK, but apparently he/she forgot to define a position:absolute so it gets push down when extra content is present.

Add this custom CSS and it should be fixed:

#dates {
position: absolute;
}

If you could please tell the author about this issue, too, that would be great! Help each other out ??

Thank you so much! It worked perfectly.

No problem; it was a simple issue . . . with a simple solution.

Thanks for marking this as resolved and providing a link to your site in your original question. Actually seeing the issue makes it easier to solve as well. ??

As if so often the case, solving one problem created another. I just noticed that after fixing the date position, the content of individual posts is not overlapping with the post title. See example here: https://parchmentgirl.com/wp-content/uploads/2014/07/problem2.tiff

Any thoughts on this?

Try localize that to where we only need. Please replace that code with this:

.home #dates, .search #dates, .archive #date {
position: absolute;
}

.home localize it to home page only, .search is search pages only, and .archive for archive pages only.

Don’t forget to clear the browser’s cache after updating your CSS.

That worked to a certain extent, but the formatting is still messed up. See here: https://parchmentgirl.com/wp-content/uploads/2014/07/problem3.tiff

That’s because the entire #date code are gone. Did you accidentally delete the whole thing?

In this entire thread, I assumed that you’re using a child-theme or a custom CSS section/plugin, not editing the parent theme. All the codes I provided here are to be added at the bottom of your custom CSS.

What supposed to happen:
– remove the old position: absolute block of code that I’ve provided earlier,
– add the new block of codes to the bottom of your custom CSS.

I deleted “#dates” and replaced it with the code you gave me. That’s it. If I leave that in it goes back to the text overlapping with the post titles.

That’s the issue there. You’ve over deleted. What I meant as “replace” was to removed the old code:

#dates {
position: absolute;
}

Just the position absolute one, not the entire styles.

And then add the new code to the bottom of hte CSS:

.home #dates, .search #dates, .archive #date {
position: absolute;
}

Okay, I think I’m following you. This is what I have. Does this look right to you?

https://parchmentgirl.com/wp-content/uploads/2014/07/code.tiff

No, no, that’s wrong. Let me grab the theme and give you screenshot. Give me a few mins.

This is the Aggregate theme from Elegant Themes, right?

Edit, here you go, the custom CSS feature of Aggregate:
https://i.imgur.com/RkDqrvK.png

Oh, I see. Thank you! All solved. ??