HD Quiz

Hi Tom.

What do you mean by “so they don’t all look the same”? Do you mean you want to customize the colours for each individual quiz? So, QUIZ A might use different font colours than QUIZ B?

If so, you should be able to do this by modifying your site’s CSS style sheet. In WordPress, each page and post is assigned a unique ID. We can use this unique ID to target the styling of any specific quiz with ease!

Here are the steps you’ll need.

STEP 1: Find the ID of your Post or PageThere are two ways to do this. The first is to go to the page with the quiz and “view source”. From here, find the . The body tag will contain a class name with the page or post ID.

For example, this page: http://careersnews.ie/caree… – the body has a class of postid-19315.

The second way is to log into WordPress, and edit the post with the quiz. If you take a look at the URL of the edit page, you’ll see something like this: yourdomain.com/wp-admin/post.php?post=19314&action=edit . The number after post= is your post id.

STEP 2: Edit your site’s CSS file.For you, this might be a little difficult because I took a look at your site, and there are some problems with your theme. The problem that concerns us is that all of your theme’s styles seem to be printed inline instead of sources from a css file. I cannot know if this was done on purpose (some people wrongly feel that it speeds up their sites) by some plugin or a mistake, so you’ll need to track down why this is happening.

For now, try adding the following to your site’s CSS file. If this doesn’t work, please let me know and I can help track this down for you further.

.postid-19315 #hdQuestionnaireContent .question {background: #a1dc7b !important}

This will turn the background color of all questions to a light green – but it will affect post 19315 (Career Check list for Students) quiz only

I hope this information has been useful for you!