Hello Sir ! My Question is : HD Quiz Options font size is very small show on mobile device.

closed
November 15, 2024 at 5:27amGirish

Hi Girish,
thanks for posting here. It’s a lot easier to offer support here than under the comments of a YouTube video 🙂

The first thing to know is that HD Quiz inherits (uses) the font sizes of your theme. So if on mobile, the quiz fonts are small, it’s because your theme uses small fonts for mobile. Luckily, we can override this with our own custom CSS.

Looking at your site, I think the following CSS rules will look a lot better for you.

@media screen and (max-width: 800px) { .hdq_question_heading { font-size: 22px !important; line-height: 1.4 !important; } .hdq_label_answer { font-size: 2rem !important; } }

The above CSS rules will make your question titles look larger and have nicer spacing + will double the font size of the answers.

You can either add that CSS to your theme’s style.css file, or go to Appearance => Customize => Additional CSS and add the rules there.

You can see the before-after comparison of these changes here

View post on imgur.com

This thread has either been marked as complete or has been automatically closed due to inactivity. Please consider opening a new support thread for help.