Intro.js: How to apply css to individual tip in intro.js ?

Created on 2 Jan 2018 · 2Comments · Source: usablica/intro.js

I'm using your plugin which is great but I come across some requirement which demands to apply different css to each tip. Although we can use setOptions but it applies css to whole Tips.
So please solve this issues or provide alternate.

Source

nandaram19

Most helpful comment

Hello, you can use tooltipClass to specify a css class to a tooltip. For example:

const intro = introJs();
intro.setOptions(
  {
    steps: [
      {
        intro: "My example",
        tooltipClass: 'main-tooltip'
      }
    ],
  });

RomainCscn on 5 Jan 2018

👍2

All 2 comments

Hello, you can use tooltipClass to specify a css class to a tooltip. For example:

const intro = introJs();
intro.setOptions(
  {
    steps: [
      {
        intro: "My example",
        tooltipClass: 'main-tooltip'
      }
    ],
  });

RomainCscn on 5 Jan 2018

👍2

Your API docs do not say that I can pass tooltip class to each step.

What other args could I pass to each step?