Published on Feb 17, 2021

CSS Counter for Repeater in Oxygen

Sridhar Katakam

This members-only tutorial provides the steps to apply CSS counter for Repeater in Oxygen so that the Repeater Divs automatically get numbered that increment from 1.

Step 1

In the Oxygen editor add your Repeater. In this example, we shall add one on a static Page that pulls the latest 3 blog posts showing their featured image and title.

If using Oxygen 3.7 Alpha 1 or above, Grid Layout > Enable Grid. Set Column Count to 3 and (column) Gap to say, 40px.

Set the WP Query to this manual query:

This is a premium members-only content.

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

Already a member? Log in below or here.

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