+1 vote

Hi! I can't seem to get HTML/CSS classes styling to work in my quizzes. Even the example code provided in the documentation doesn't seem to work correctly. The header shows up as normal text without the color, size, or font-weight specifications. The only specifier that seems to work when I add it in is font-family. What am I missing here?

by (180 points)

1 Answer

+2 votes
Best answer

Some times you will need to use the rule !important to override GuidedTrack's default styles:

*html
    <style>
	    .my-fancy-header-class {
		    color: purple !important;
		    font-weight: bold !important;
		    font-size: 96px !important;
	    }
    </style>

Thanks for pointing out that the example in the documentation had stopped working since the last update of GuidedTrack's styles. It has already been updated.

by (3.6k points)
selected by

Thanks so much @belen! Follow-up question: is there any way to specify !important globally rather than for each style?

As far as I know, you need to do it by property. I also recommend that you initially define your custom CSS without the !important rule and make sure you only use it when needed to avoid overriding the style of elements other than those you meant to change inadvertently.

Welcome to Guidedtrack Q&A, where you can ask questions and receive answers from other members of the community.
134 questions
144 answers
55 comments
40 users