How to set the following setting?

  • Resolved Civil Engineering Notes

    (@civilenggnotes)


    5 years, 5 months ago

    Hello, i am started using your plugin, but yet not started any quiz. so i can not share any link to quiz. I just tested some features, and i am interested to use it. But i need to add the following things. What code or css should i use to do them?
    1. change the button colour to match my theme (red). I could not found anything helpful at https://quizandsurveymaster.com/docs/advanced-topics/editing-design-styles-css. Even i tried the following code, it is breaking the size and position of the button, but working. 

    .qmn_btn {
	background: #FF0000;
}

    2. How to clear a selected answer, if user does not want to answer it?

    3. Show the question beside the question number, not below.

    4. Disable start screen after quiz started.

    5. Enable pagination, in case if there is a large number of questions

    I hope i will get some support from you.. thank you..

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hello there,

    Thank you for reaching out to us here. Let’s start the first question. Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    
.qmn_quiz_container .qmn_quiz_form .qmn_btn {
  background-color: #ff0000 !important;
  color: #fff !important;
}

.qmn_quiz_container .qmn_quiz_form .qmn_btn:hover {
  background-color: #fff000 !important;
  color: #ff0000 !important;
}

    Please open new topics for your other questions. Use one question for one question, so we’ll be easier to track progress and assist you in better way.

    Regards,
    Kharis

    Thread Starter Civil Engineering Notes

    (@civilenggnotes)

    Thanks for your support. but this code is not working, even after clearing the cache. and also I am creating new topic for each of my questions. hope to get a reply soon

    Hello there,

    If you have other custom CSS code precedes it, ensure no invalid code found. You can validate it with this tool: https://jigsaw.w3.org/css-validator/.

    Regards,
    Kharis

    Thread Starter Civil Engineering Notes

    (@civilenggnotes)

    If there are some invalid code, would not it break my site?? I hope there is no invalid code, although i am not sure. I will check it and inform you asap

    Hello there,

    Any CSS code written after invalid line won’t be read the web browser.

    Is there anything I can hear back from you?

    Regards,
    Kharis

    Thread Starter Civil Engineering Notes

    (@civilenggnotes)

    Sorry for the late response as I was out of town. I don’t think there is any invalid CSS. I even tried in local server, removing all other CSS, still not working. Still, I am checking and informing you…

    Hello there,

    It seems likely your quiz’ button color is now red.

    Screen Shot 2019 10 28 at 22 49 32

    Regards,
    Kharis

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to set the following setting?’ is closed to new replies.