Reversing Parallax for even/odd child in Page CSS

Support
#1

Hello there,
I have a page where every other child (even) has an offset, to differentiate from the main/odd styling.

super simple code:

@media screen and (min-width: 768px) {
  .portfolio-looped-item:nth-child(even) {
    direction: rtl;
    }
}

How can I target the even child to reverse the parallax? I notice data-x-element-bg-layer has the "parallaxRev":true which I can’t change in Chrome Dev Tools, it just disappears as soon as I click into it.

Thank you for your help in advance!

#2

Hi Jon,

Thanks for reaching out.
The value for the parallaxRev is generated through the PHP code dynamically and controlled through the JavaScript code. Unfortunately, that is not possible to change through the CSS or JavaScript code.

Thanks

#3

Long shot - is there maybe a filter to iterate the second output in reverse?

#4

Hi Jon,

Unfortunately, there is no such option or hook available right now.

Thanks

#5

Understood, thanks!

#6

You’re welcome.

#7

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