CSS Classes

Here is the list of classes applied to the popover which you can use in conjunction with popoverClass option to apply custom styles on the popover.

Here's a tip!

It's best to create a new CSS file with these classes and then import it into your project when you want to use them.

Class	Description
`aideye-popover`	Class assigned to popover wrapper.
`aideye-popover-arrow`	Arrow pointing towards the highlighted element.
`aideye-popover-title`	Title of the popover.
`aideye-popover-description`	Description of the popover.
`aideye-popover-close-btn`	Close button displayed on the top right corner.
`aideye-popover-footer`	Footer of the popover displaying progress.
`aideye-popover-progress-text`	Progress text of the popover.
`aideye-popover-prev-btn`	Previous navigation button of the popover.
`aideye-popover-next-btn`	Next navigation button of the popover.
`aideye-active`	Applied to the body when aideye is active.
`aideye-fade`	Applied to the body when aideye is animated.
`aideye-simple`	Applied to the body when aideye is not animated.
`aideye-overlay`	The lightbox displayed over the page.
`aideye-active-element`	Whenever an element is highlighted.