Intro Js справочный тур

Question

Есть ли способ настроить маркеры в интро js, так что пользователь может быть уверен, на каком этапе он собирается прыгнуть? Меня спросили, могут ли маркеры иметь какую-то идентификацию, чтобы пользователь мог быть уверен при попытке получить доступ к справке для конкретного компонента.

http://jsfiddle.net/ee2s3p11/

Синие маркеры используются для прямой навигации по шагам. Если пользователь может настроить эти синие маркеры, пользователю будет проще перейти к нужному компоненту справки.

Шаг 1 Шаг 2 Шаг 3 Шаг 4

Нажми на меня!

.introjs-tooltip {
    min-width: 250px;
    max-width: 250px;
} 
.introjs-bullets ul li a {
    width: 15px;
    height: 15px;
    background-color: blue;
}

Answer 1

Как насчет этого:

.introjs-bullets ul li a:after {
  content: attr(data-stepnumber);
  color:#fff; position:relative; top:-2px;left:-2px;
}

Увидеть скрипку

http://jsfiddle.net/ee2s3p11/1/