Append a Class attribute in a Perch Repeater

I think this should work

<perch:if id="perch_item_index" match="eq" value="1">class="first"</perch:if>

You could always do it directly with CSS

.your-class img:first-of-type {
    border-radius: 10px;
}

Yes, thank you. That works great.

How would I now apply that 'first' class for each item that is first in a row? There are 3 items in each row.

So it would need to apply to items : 1, 4, 7, 10 etc.

Are they separate repeaters or all in one?

They are all in one.

Sorry that was a silly question you said 1,4,7,10

The only way i know to do that is

<perch:if id="perch_item_index" match="in" value="1,4,7,10">class="first"</perch:if>

Unfortunately I don't know how you can do it so every 3 items, you would have to keep adding numbers this way.

<perch:every> would do the trick but as far as I'm aware that's multiple item regions only not repeaters.

Maybe using match in is the only solution I'm not sure.

Drew will answer that for you

Again you could always do it directly with CSS without applying a style

img:nth-child(3n) { //styles }

You can use perch:every in repeaters.

Thanks Rachel, I never knew that, no idea where I got that assumption from.

Philip; This does what you're trying to do I've tested it: <perch:every nth-child="3n+1">class="first"</perch:every>