Home>Support>Custom effects in row class with scrollReveal.js

Custom effects in row class with scrollReveal.js

Hey there,

I’m trying to use the scrollReveal effects, as the script is already called in my theme templates. The problem is, that I don’t know how to pass the values in the row class to the row div. The command should be

data-scrollreveal="enter left after 0s over 1s"
. But in the row class I can just call
data-scrollreveal
and no values. Call this in my page template works, but then it’s get applied to the entire content of the page at ones, which I don’t want. I would like to add different effects to different rows.

Aby suggestions?

Thank you so much.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 15 days ago Gnebo

    Thinking a little more on this, I guess using the row classes won’t work, as it just adds an css-class, right? So I want to have an output for each row like this:

    ยด<div class="panel-widget-style" style="color: #5e5e81;" data-scrollreveal="enter left after 0s over 1s" >

    I there a way to realize this for each row and if so, where to put what kind of code?

    Thank you very much

  2. 9 years, 14 days ago Gnebo

    Anything I can do?

  3. 9 years, 11 days ago Andrew Misplon
    Hi, I Work Here

    Hi Gnebo

    Thanks for reaching out. I don’t believe this is possible from within Page Builder’s interface.

    Using custom development it could be done using the following: https://siteorigin.com/docs/page-builder/hooks/html/, see: Row and Cell Styles.

    I’ll mark this thread as a feature suggestion. Unfortunately, for now, there is no way that I know of to handle this from within Page Builder.

  4. 9 years, 11 days ago Gnebo

    Hey,

    thanks for getting back to me. Sadly I don’t know how to use these filters. Is there any way you could give me a quick example how to use this on a cell style with the data-scrollreveal attribute? Where do I put the code?

  5. 9 years, 11 days ago Andrew Misplon
    Hi, I Work Here

    For sure :)

    Unfortunately not. Our developer documentation is there to provide as much reference as possible but isn’t intended for end user applications. Ideally, those using the documentation would be developing a theme or plugin and have the required background to make use of the documentation. Sorry, really wish I had more here. In summary, what you’d like to do isn’t possible without a significant amount of custom coding. That development is outside of the scope of challenge we can assist with here on the forums. If you’d ever like to seek out outside help, we recommend trying Codeable.

  6. 9 years, 11 days ago Gnebo

    Hey, didn’t really think you would – just tried. :-)
    Thank you very much.

  7. 9 years, 11 days ago Andrew Misplon
    Hi, I Work Here

    Thanks for your understanding and support.

    All the best with your site.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More