Streaming live at 10am (PST)

Alternate my flex rows


#1

I need to alternate my flex rows…

I am currently using this: https://www.dropbox.com/s/3jynof1s3hnrmv9/Screenshot%202017-03-09%2018.29.37.png?dl=0

But it isn’t working…any ideas?

This is the site: https://preview.webflow.com/preview/gold-river?preview=6ca97c7eb7bfd2455fc769ddc6374aa6

PS: Thanks guys. I have used every selector and sudo type in the book and even chained a ton of class/tag combos. Thanks again!


#2

Please post code directly in the question itself and not as an image. Also, please publish your website as Site Custom Code DOES NOT work and cannot be viewed in the designer.


#3

http://gold-river.webflow.io/


#4

You are not making it easy for anyone to answer. I mentioned that you have to paste the custom code directly here.

Also, you did not specify which page and which element you are trying to apply this effect on.


#5

L.O.L. OMGoodness sorry you are absolutely right. I was trying to be quick because I have a few things I am juggling at the moment. So again sorry about that. Thanks for letting me know I left those things out. See below:

Actual page: http://gold-river.webflow.io/golden-touch-services

Code used: .services-flex:nth-child(even) {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

I placed this in the "HEAD" custom code section of the above page


#6

.services-flex will always be an only-child in each dyn-item, which is an odd number, so your CSS rule doesn't apply to it.

You should nth-child the dyn-item instead:

.service-flex-master .w-dyn-item:nth-child(even) .services-flex {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

See how fast you can receive an answer if you post the required information?


#7

Perfect! Yeah, I didn't think about that. Silly me.