Skip to content Skip to main navigation Skip to footer

How do I make my quiz very small to fit into a section of my homepage?

Welcome to QSM Support Forum. › Forums › QSM Pro Support › How do I make my quiz very small to fit into a section of my homepage?

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 26, 2019 at 11:39 pm #937
    Saul AdlerSaul Adler
    Participant

    I have an assessment that i want prospective clients to complete in order to see if they qualify for my product or not. I want to insert this on the homepage and once they fill it out, to give them feedback of whether they have qualified or not. I inserted the html into the page but there is alot of wasted space in the quiz. how do i reduce the space between questions and even the space of the questions themselves?
    Also, how do i give the feedback from the quiz below the submit button as opposed to opening up a new page?
    thank you.
    Saul

    Attachments:
    You must be logged in to view attached files.
    October 28, 2019 at 7:37 am #952
    KharisKharis
    Keymaster

    Hello there,

    Probably your theme’s CSS breaking the default layou. Please share a link to your quiz, so I can inspect and fix it with a couple of lines of custom CSS code.

    Regards,
    Kharis

    October 29, 2019 at 7:27 am #965
    Saul AdlerSaul Adler
    Participant

    Hi
    Link is here: https://salesandmarketingalignment.co.za/quiz/do-you-qualify/
    Thanks so much
    Saul

    October 29, 2019 at 7:39 am #966
    Saul AdlerSaul Adler
    Participant

    The theme is BeTheme. I need to make the spacing much smaller between questions please
    Saul

    October 31, 2019 at 9:11 am #983
    Saul AdlerSaul Adler
    Participant

    Any update on this please?

    November 1, 2019 at 11:47 am #988
    Saul AdlerSaul Adler
    Participant

    Is anyone there to respond to this?

    November 2, 2019 at 9:42 am #1003
    KharisKharis
    Keymaster

    Hello there,

    I checked your quiz and everything seems to look fine. See the attached screenshot.

    Does the issue only appear on specific web browser? Which one are you using?

    Regards,
    Kharis

    Attachments:
    You must be logged in to view attached files.
    November 3, 2019 at 10:15 am #1008
    Saul AdlerSaul Adler
    Participant

    Im using Google Chrome.
    Thanks for taking a look. The screenshot you sent though shows that the radio buttons for yes and no are underneath each other instead of next to each other. Surely even on mobile view they should be next to each other, let alone desktop view?
    How do i make the quiz more compact?
    Thanks
    Saul

    November 4, 2019 at 8:32 am #1014
    KharisKharis
    Keymaster

    Hello there,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
.qmn_radio_answers {
  margin-bottom: 20px
}
.qmn_radio_answers:after{
  content: '';
  display: block;
  clear: both;
}
.qmn_radio_answers > .qmn_mc_answer_wrap {
  float: left;
  margin-right: 15px
}

.qmn_radio_answers > .qmn_mc_answer_wrap,
.qmn_radio_answers > .qmn_mc_answer_wrap label {
  display: inline;
}

    Regards,
    Kharis

    May 22, 2025 at 11:25 pm #13415
    alex arafatalex arafat
    Participant

    Hey! I ran into a similar issue when I was adding a form to my homepage (right next to my feature on the 12L garden lawn fertiliser spreader, actually). To reduce the space, I adjusted the padding and margins in the CSS—targeting the form fields and labels specifically. For showing feedback below the submit button, I used JavaScript to prevent the page from reloading and then injected the response into a div right under the form. Clean and user-friendly!

    May 26, 2025 at 7:37 am #13445
    Ali RazaAli Raza
    Participant

    Locksmith course: Begin your journey into a reliable, hands-on trade that opens real-world opportunities. This course equips you with the skills needed to work on locks, keys, and modern security systems—perfect for career changers or skill seekers. How do I make my quiz very small to fit into a section of my homepage? Just like resizing content, this course fits perfectly into your schedule while delivering maximum value and career potential.

    October 15, 2025 at 11:46 am #15550
    thamos allenthamos allen
    Participant

    That’s a common design challenge! The key is using a compact, multi-step quiz format that only shows one question at a time. I recently embedded a mini personality quiz on my site and ran into a similar spatial issue, especially with the results module. The designer gave me a container height in feet, but my CSS framework used meters. I had to quickly use a feet to meters calculator to get the precise conversion and make sure everything fit perfectly without awkward scrolling. That tiny bit of precision made the whole section look professionally built!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.