Tour run after the user scrolls 50px

And can I set a specific Class/ID for each step? Or where can I find it?

Hi there,

How do I make the tour run after the user scrolls 50px on the post?

You can use Event settings for trigger – Element is scrolled in viewport This is available in PRO only. It is dedicated to run when some element appears in viewport, not for scrolling 50px on whole post … but if you find some element lower in post, or you adjust In View Port Offset in trigger config, you should achieve that.

And can I set a specific Class/ID for each step? Or where can I find it?

Yes, you can set each step to specific class/id … in admin board configuration for specific tour, there is a step table … you can set/adjust class/ID in Reference Selector * column

• This reply was modified 3 years, 5 months ago by supportdeeppresentation.

you can set/adjust class/ID in Reference Selector * column

I mean I want to use a custom id for each step, not the id for the tour to run.
Is it possible?

I’m not sure if I understand you fully. Can you please describe it more?
You want to add custom ID or class attribute to tooltip of eg. step 1?
From 2.1.0 of FREE version, there is already opportunity to target intro tooltip and highlighted layer per step by ID. Eg.

tooltip for step 1 id = dpintro-tooltip-step-1
tooltip for step 2 id = dpintro-tooltip-step-2

or highlighted layer:

highlighting layer of step 1 id = dpintro-highlight-step-1

so now you can use css

#dpintro-tooltip-step-1{
   //your css code for tooltip of step 1
}

or if you want to target by step but also by tour (eg. tour with post id == 46)

.dpintro-wrapper-46 #dpintro-tooltip-step-1{
   //your css code for tooltip of step 1 in tour with post id == 46
}

It is not like you can add your custom, but perhaps it is working for you also.
Let me know.

• This reply was modified 3 years, 5 months ago by Tomá? Groulík.

so now you can use css: #dpintro-tooltip-step-1

Yes, this is what I mean
Now, is there a special ID for “Should Be Content Under Overlay Blurred?” option for that step (step one)?
Thank you very much

Blurred overlay element has not unique id per step yet.
I’ll add it too in next release.

I’ll add it too in next release.

Thank you very much

Hi,
I added a step id to the main intro layer to support targeting all nested introductory layers with css per step. This feature is available from PRO – 2.3.2, FREE – 2.1.2.

For you, if you want to remove backdrop blur filter just for specific step (eg. step 1):

#dpintro-step-1 .dpintro-overlay{
 backdrop-filter: unset;
}

For specific step and specific tour only (eg. tour with post id == 46):

#dpintro-wrapper-2659 #dpintro-step-1 .dpintro-overlay{
 backdrop-filter: unset;
}

Thank you very much, it works!