Title: Styling issue with theme
Last modified: August 26, 2022

---

# Styling issue with theme

 *  Resolved [haynzy](https://wordpress.org/support/users/haynzy/)
 * (@haynzy)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/styling-issue-with-theme/)
 * I’m having issues with the quiz’s styling on my new theme…
 * [https://mydoctorwho.com/blog/2022/08/12/how-well-do-you-know-doctor-who-august-2022/](https://mydoctorwho.com/blog/2022/08/12/how-well-do-you-know-doctor-who-august-2022/)
 * Firstly, the text colour is the same as the background.
 * Secondly, none of the toggles when selecting an answer turn on or switch to show
   you’ve selected one.
 * Any idea on how to fix this?
 * Many thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fstyling-issue-with-theme%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Harmonic Design](https://wordpress.org/support/users/harmonic_design/)
 * (@harmonic_design)
 * [3 years, 9 months ago](https://wordpress.org/support/topic/styling-issue-with-theme/#post-15954628)
 * Hi Haynzy,
    this is something you might need to contact your theme developers
   about.
 * Your theme is actively changing the actual HTML of the quizzes and inserting 
   its own elements (specifically a new div with a class name of “notizia-checkbox-
   control”). It is this new markup that is breaking the toggles.
 * However, for now, the following will help.
 * First, add the following CSS to your site. This will stop your theme from overriding
   the heading colors.
 * `.hdq_results_title, .hdq_question_heading {color:#222 !important}`
 * And now for a fairly “jank” solution to the toggle. What we need to do is detect
   once a quiz has loaded, then loop through each toggle and remove that extra div
   that your theme is adding in.
 * Add the following to your theme’s `functions.php` file at the very end (place
   before the closing `?>` tag if the file has one). ALWAYS make a backup of this
   file first in case you make a mistake.
 *     ```
       function hdq_haynzy_remove_theme_extra_divs()
       {
       	?>
       <script>
       	const remove_divs = document.getElementsByClassName("notizia-checkbox-control");
       	while(remove_divs.length > 0){
       		remove_divs[0].remove();
       	}
       </script>
       	<?php
       }
       add_action("hdq_after", "hdq_haynzy_remove_theme_extra_divs");
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Styling issue with theme’ is closed to new replies.

 * ![](https://ps.w.org/hd-quiz/assets/icon-256X256.gif?rev=2936040)
 * [HD Quiz](https://wordpress.org/plugins/hd-quiz/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/hd-quiz/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/hd-quiz/)
 * [Active Topics](https://wordpress.org/support/plugin/hd-quiz/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/hd-quiz/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/hd-quiz/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Harmonic Design](https://wordpress.org/support/users/harmonic_design/)
 * Last activity: [3 years, 9 months ago](https://wordpress.org/support/topic/styling-issue-with-theme/#post-15954628)
 * Status: resolved