Background Image or Images
Hi!
Thanks very much for providing HD Quiz and Quiz Styler. My question:
Is there any way to use different background images for different question sets?
The background image is the same for all questions in all locations on the website. It’s not a big problem but it would be nice to be able to assign different background images for different sets of questions.
Thanks!
Leland Garner
Hi Leland,
do you mean that you want to change the background image per-question, or per-quiz?
To be blunt, I don’t think changing on a per-question basis would be a good idea because it would require a lot of work on your end setting up and would even likely slow the site down (since your browser would need to download and render another image for each question).
BUT, using a different image for each quiz is possible, as long as you are comfortable/able to work with the following code.
Instructions
Each quiz has a unique Quiz ID. This ID can be seen on each quiz in the “shortcode”. For example, on the main HD Quiz you will see a list of all quizzes with the shortcode. The ID is the part of the code that is a number. So a shortcode HDquiz quiz = "33" has a quiz ID of 33.
Step 1.
Get the ID of the quiz. For this example we will use 33.
Step 2.
Upload your desired image and get the image URL. You can do this by going to your media library in the backend.
Step 3.
On the styler addon, go to the “Custom CSS” tab, and paste in the following code.
#hdq_33 .hdq_quiz_wrapper .hdq_question {background-image: url(URL_TO_FULL_IMAGE) !important}
In the above example, we are setting the question background for quiz id 33. So remember to replace the 33 with the quiz id you need, and to replace URL_TO_FULL_IMAGE with the URL of the image you want to use.
Hope this makes sense!
This thread has either been marked as complete or has been automatically closed due to inactivity. Please consider opening a new support thread for help.