Looper rows - alternate left and right alignment

[texaskiwi13]

Hi team,

I’m working on a meet the team page for a dentist. The Team section is autogenerated using CPT, ACF and loopers. Is there a way to get the rows that appear to alternate so that the rows go:

1. image left, text right
2. text left, image right
3. image left, text right
   etc…

Here is what is currently showing, which is as I would expect:

Can I get it to automatically alternate and look similar to this:

Thanks!

Ashley

[Ismael]

Hello @texaskiwi13,

Thank you for the inquiry.

We added the class name x-alt-staff to the Row element with the Looper Consumer, then added this css code:

.x-section .x-alt-staff:nth-child(2n) .x-row-inner {
	display: flex;
	flex-direction: row-reverse;
} 

If you’re interested with this kind of modifications, please check out our One service.

Best regards.