Adding a Step Image to the Quiz Widget
NOTE: This is an advanced add-on, so please don't hesitate to contact our support if you need help adding this functionality to your quiz.
How to add a single image to the step of a quiz.
1. Add this Code to your step description with the image path:
<img src="add-image-path-link-here.jpg" />
2. Add the following to the page-specific CSS
.step-subheading img { border-radius: 15px; width: 100%; }
3. Add the following to the page-specific body code.
<script> jQuery('h4.quiz-step-description').replaceWith(function() { return $('<div>', { class: this.className, html: $(this).html() }); }); </script>
<script type="text/javascript"> $(function(){ $('.quiz-step-description').each(function(){ var $this = $(this); var t = $this.text(); $this.html(t.replace('<','<').replace('>', '>')); }); }); </script>