Quiz

I think that's because I can't have a style element in the Question text?

In a question text, the Atto and, I think, the TinyMCE editors do not allow the style element, but the Plain text area editor does. Be careful, if you create a style element using the Plain text area, it will be erased as soon as you edit and save the question with the Atto or TinyMCE editor.

For something that applies to the entire site, you can put CSS in Site administration/ Appearance/ Theme / Boost (if you're using the Boost theme) / Advanced settings. You can also put a style element in Site administration/ Appearance/ Addionnal HTML.

You can also create CSS with JavaScript used globally, or in a question text (it will then apply to the current page).

Hello Joel,

You can add an image to a Bootstrap tooltip. Here's an example:

<style>
.tooltip.show {
    opacity: 1;
}
</style>

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
This is a picture of <button type="button" class="btn btn-secondary align-baseline" data-toggle="tooltip" data-html="true" title='<img width="180" src="https://dynamiccourseware.org/draftfile.php/5/user/draft/128559969/20240515_142815_HDR.jpg"><br>Leche de coco'>
  <span style="font-family: Roboto; font-size: 17px;">my younger cat</span>
</button>. Isn't she adorable?
</p>

You can try it at dynamiccourseware.org/additional topics/bootstrap/tooltip with image➚