Overlay is not working with the new version of bootstrap

[priyankabachu]

[ProLoser]

In the demo, these are the classes used on the overlay: tour-overlay fade active in

It would be helpful to know which version of bootstrap you're referring to.

[priyankabachu]

I am using bootstrap of version 3.3.2 is there any fix to make the overlay working with the version i have mentioned ??

[ProLoser]

Honestly, this is a very old and poorly coded extension that was more of a proof of concept than anything. One which I never even ended up using in production. You might be better off finding an alternative solution or making one yourself. This was originally designed to demonstrate a possible API for sensibly creating tours, although I ended up working on a branch that was supposed to have a cleaner API it appears I never ended up finishing it unfortunately.

[priyankabachu]

ok thanks alot! for the quick update :+1: :)

[priyankabachu]

  .tour-overlay {
      display: none;
      height: 500px;
      width: 500px;
      top: -4100px;
      left: -4100px;
      background: transparent;
         box-shadow: 0 0 0 4000px rgba(0,0,0,.5);
    border-radius: 100%;
      position: fixed;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
    }
  .tour-overlay.in {
    height: 300px;
    width: 300px;
    top: 0;
    left: 0;
  }

[priyankabachu]

added these styles and working now :)