Quiz Styler

Need to send invoices?
Check out my new WordPress plugin HDInvoice
Limited time launch sale

How change questions and answer font size in mobiles?

Published: February 29, 2024
Support status: closed

Hi, can you type me the code for change questions and answer font size for mobiles?

I have another question… I need to change the toggle icon size, how can to do it?

greetings!

thread author: JAVIER

Hi Javier,
The following sets answers to 14px, and questions to 16px. Feel free to change the numbers to whatever works best for you (and clear any site caches after changing!).

You can add all of this to the “Custom CSS” section of the Styler Addon.

@media screen and (max-width: 800px) {
    .hdq_question_heading {
        font-size: 16px !important;
    }
    .hdq_label_answer {
        font-size: 14px !important;
    }
}

The toggle is a lot harder as it very much depends on how much you want to change the size, and how your theme is coded.

.hdq-options-check {
    transform: scale(0.8);
}

The above is a bit of a hack, but will hopefully work for you. It will reduce the size to 0.8 (80%). Changing it to 1.5 for example, would increase the size to 150%.

29 February 2024 — 09:46 support admin - Dylan

Login to reply