Published on May 22, 2019

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

Sridhar Katakam

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.

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $599 one-time).

Already a member? Log in below or here.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right