Theme Editor – what’s it for?

Hi,

Actually, I didn’t wrote the manual for this feature…
Well, the theme editor allows you to create custom styles for tooltips itself. In the dropdown, themes in grey are default themes, shipped with the underlying tooltip plugin itself, so you can’t edit them. But you can create, then edit your own themes.

To create a custom theme, first give it a name. Then, you can add CSS rules into the text area. This text area is pre-filled with the main selectors that you’ll need to customize your tooltips. You’d like a purple background? Just do like the following:

&.qtip{
    background-color: purple;
}

You’d like the title to be wrote in italic?

.qtip-titlebar{
    font-style: italic;
}

This editor supports LESS: the & selector right before the .qtip means apply the style to the element itself.

Just try playing a bit with it if you want, I’d be glad to have feedbacks on that feature ??

Have a nice day!

• This reply was modified 7 years ago by Gerkin.
• This reply was modified 7 years ago by Gerkin.
• This reply was modified 7 years ago by Gerkin. Reason: Added titlebar example