My last fix involved improving the formatting of Likert survey questions. The fix worked great on the survey questions themselves, and all was well until . . . . . . I revisited the quiz from the Building Blocks of Arguments topic, which had several fill-in-the-blank questions that now looked like this: Yikes! In the…
Tag: CSS
Fixing the formatting of Likert scales in survey questions
With only a few more days until Capstone deadline, most of my fine-tuning is focused on quizzes. My latest obsession: fixing the formatting (spacing, mostly) within the quiz questions that take the form of a survey, specifically a Likert scale: It was driving me mad that the backgrounds of the numbered selections were so narrow…
Boxing the breadcrumbs
While creating content for the “Course navigation” topic in the “How to take this course” lesson, I took myriad screenshots. When adding these screenshots to the topics pages, I noticed that background color of some topic pages were the very very very light gray intended, while others will still pure white, as shown in the…
Adding a contact form
Since I’ll soon be asking classmates and friends and family to start testing CriticalThinkingCap.com and offering feedback, I’ve been trying to add as much intended functionality as possible. Today’s feature to add: Contact form for the “Contact us” page. I haven’t added a contact form to a website in quite some time; I was amazed…
Creating and adding a certificate of completion
Certificates for completion are often expected from online and other courses. Critical Thinking Cap will, for now, just offer certificates of completion for each lesson, except “Lesson 0,” or the “How to take this course” lesson. No need to have a certificate for completing the entire course since the entire course won’t exist for quite…
Grappling with quiz styling
The default stylings of LearnDash quizzes — especially quiz feedback — is abysmal. The most egregious aspect of the styling, in my view, is the between-paragraph or between-element vertical spacing. As an example, the screenshot below shows the the default styling (other than the colors I’ve already updated) when the user selects the “View Questions”…
Quiz settings and stylings
Updated March 7, 2023 In a recent post I briefly explored some quiz setting and styling options. The styling In general, I wanted instant and clear feedback on answers (feedback including colors green and red for correct and incorrect responses. A few sketches based on my explorations and preferences are below. These are subject change,…
The hunt for elusive selectors
From this point in the project on, myriad rabbit holes will start opening up. The deepest, most dreaded of these rabbit holes will involve hunts for CSS selectors. I’ve already wasted spent a few hours on my first such hunt. Started with creating an innocent matching quiz. The user’s eyeballs, by default, would be seared…