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 9 posts - 1 through 9 (of 9 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

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