Skip to main content

Css Selector

Classes

info

All TutoBox Css classes begin with tbox-

SelectorsDescription
.tboxThe whole wrapper of TutoBox views
.tbox-btnCss classe for navigation buttons
.tbox-btnCss classe for navigation buttons
.tbox-bubblesCss classe for bubbles wrapper. Its an ul list with li as children
.tbox-bubbles li.activeTo style the active bubble
.tbox-highlighterCss classe for the highlighter
.tbox-closerCss classe for the close button
.tbox-caretCss classe for the close button
.tbox-hepl-boxThe wrapper of HelpBox
.tbox-auto-conpleteThe wrapper of HelpBox Auto Complete
.tbox-tuto-listThe wrapper of tutorial list in HelpBox

Customisation exemple

Customize the HelpBox button

From this

oppp

To this

oppp

.tbox-help-box:not(.open) {
box-shadow: 0 0 35px 10px #999de5;
border-radius: 20px;
overflow: hidden;
bottom: 10px;
}