Highlighting a Single Element – Without Popover
var highlightDriver = new Driver();
$('#sc-tour-singleEl-noPopover').on('click', function (e) {
e.preventDefault();
highlightDriver.highlight('#create-post');
});
Highlighting a Single Element – With Popover
var highlightDriver = new Driver({
    opacity: 0.6
});
$('#sc-tour-singleEl-Popover button').on('click', function (e) {
    e.preventDefault();
    highlightDriver.highlight({
        element: '#sc-tour-singleEl-Popover',
        popover: {
            title: 'Title for the Popover',
            description: 'Description for highlighted element'
        }
    });
});
Popover Positioning

Themes

Main Menu