Alternating CMS rows/columns

jawtab · December 29, 2016, 9:28pm

Is this possible? w/o building separate datalists for each?

here is my mockup

Here is my public share link: LINK
(how to access public share link)

jawtab · December 29, 2016, 10:05pm

Page built out here but of course just photos on one side.

I invision an option here:

samliew · December 29, 2016, 11:30pm

Place this in any custom code box (either page custom code or embed code):

<style>
.w-dyn-item:nth-child(even) .w-row {
    flex-direction: row-reverse;
}
</style>

jawtab · December 30, 2016, 1:03am

awesome lets give this a try!

jawtab · December 30, 2016, 2:23am

I swear it was just working but now it isn’t. Do I add this style “w-dyn-item” to my dynamic list?

Any ideas?

Here is my read only link:

samliew · December 30, 2016, 2:59am

Well, you removed the w-row (or changed a setting that removed it), so simply remove .w-row from the style selector as well.

<style>
.w-dyn-item:nth-child(even) {
    flex-direction: row-reverse;
}
</style>

jawtab · December 30, 2016, 3:15am

is this the correct place to add those two styles then?

w-dyn-item and w-row

samliew · June 19, 2017, 11:21pm

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.