HelloI have been working on developing a number of…
HelloI have been working on developing a number of quizzes over the last few weeks.One is here http://careersnews.ie/subje… This is another http://careersnews.ie/caree…They are working well but I would like to change the appearance so they don’t all look the same. Is there any way of changing the colours for instance?Thanks
This thread has been imported from harmonicdesign.ca/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!
If you are enjoying HD Quiz please leave a review here on the official WordPress.org page. HD Quiz is developed by me, just some dude, and is supported and available for free. It may seem dumb, but truly nothing makes me happier than knowing that people are using and loving HD Quiz and my hard work.
This thread has either been marked as complete or has been automatically closed due to inactivity.