Versions Compared

Old Version 2

changes.mady.by.user Matthew Gary Page

Saved on

compared with

New Version 3

changes.mady.by.user Matthew Gary Page

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Go to Appearance > Settings > Theme

  • Under Bootstrap Settings select the Tooltips tab

  • Select Tooltips (Enable tooltips everywhere)

  • Click Save Configuration at the bottom of the page

Creating Tooltips

  • Go to Appearance > Settings > ThemeUnder Bootstrap Settings select the Tooltips tabthe page where you would like to add a Tooltip

  • The below code is an example of a Tooltip

    Code Block
    <button type="button" class="btn btn-secondary"
        data-bs-toggle="tooltip" data-bs-placement="top"
        data-bs-custom-class="custom-tooltip"
        data-bs-title="This top tooltip is themed via CSS variables.">
  Custom tooltip
</button>

  • Copy and paste this code

Info

If using CKEditor, refer back to creating Text Formats on how to switch between Basic HTML and Full HTML mode.