How to add oxy-post-[number] classes to Easy Posts

This members-only tutorial provides the steps to automatically add classes like oxy-post-1, oxy-post-2, oxy-post-3 and so on to the posts output by Oxygen's Easy Posts component.

This is useful for easily targeting these divs in the CSS rather than using pseudo selectors like .oxy-post:nth-child(1), .oxy-post:nth-child(2) and so on..

While this may not appear to be a significant improvement, the usefulness of this will be relevant as you follow my upcoming tutorial on Pinegrow
to Oxygen CSS Grid workflow.

Step 1

Install and activate Code Snippets plugin.

Go to Snippets > Add New.