HD Quiz

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

Published: November 15, 2024
Support status: closed
thread author: Girish

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

15 November 2024 — 00:40 support admin - Dylan

Respond to thread

This thread has been closed / marked as resolved.
You can reply to this thread, but it might be better to start a new thread if you need help
.

You can also upload images to imgur and paste the links here. Just make sure that your images don't include any sensitive information.

Submit