Shepherd JS – I want to add focus state and focused state stylings on the container that each step highlights

I can’t figure out how to add focus state and relevant focus state styling on the container that each step of the guided tour highlights or focuses on.

My output expectation is this:

Design Screenshot

I am able to add the focused state stylings on the containers using normal css.
But I’m not able to make the container take the focused state specifically and only for the respective step of the guided tour.

  • Show us what code you have, for us to reproduce the issue and then help!

    – 

Leave a Comment