How to Code CSS for WordPress Latest Posts LI Items with Circled Numbers Inside a Post Image

How do I code CSS for WordPress to display the latest posts with list items (LI) that have circled numbers inside a post image Like the one shown in the attached image? Its CSS class is .lates-posts. I want each latest post to feature a number inside a circle, positioned within the post image, and I’m looking for code help on how to achieve this effect using CSS. Could you provide specific CSS code snippets and any necessary HTML structure modifications to implement this design? Any tips on ensuring cross-browser compatibility and responsive design would be greatly appreciated.

It looks like a good use case for the CSS counter-increment

This shoud give you some ideas.

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.