Skip to content Skip to main navigation Skip to footer

Customizing the Submit button

Welcome to QSM Support Forum. › Forums › QSM Pro Support › Customizing the Submit button

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 19, 2019 at 4:11 am #1219
    Marc-Olivier DesmaraisMarc-Olivier Desmarais
    Participant

    Hello,

    I’d like to customize the style of the submit button at the end of the Quiz (i.e. change the color and font…) I don’t seem to get the “class” right for that button.

    Do you have an idea of the line of CSS I would have to input for the color, font and font-size for that button?

    November 19, 2019 at 7:01 am #1224
    Kriti SharmaKriti Sharma
    Keymaster

    Hi Marc,

    Welcome QSM Pro support! Hope you are having a great day!

    If you want to style the submit button of the quiz. Then open the settings of the quiz you want to customize.

    Go To -> ‘Style’ tab -> select ‘custom’ button and then paste the following css code:

    .qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
    color: #000;
    background: #fff;
}

    Now, you can custom style your whole form whit the help of CSS.

    Regards,
    Kriti

    November 20, 2019 at 1:22 am #1231
    Marc-Olivier DesmaraisMarc-Olivier Desmarais
    Participant

    Hello Kriti,

    Thanks for your reply, I tried this initially, but I can see that this is the actual code, seemingly preventing me to change color or background:

    .qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
    color: #fff !important;
    background: #3498db !important;

    …Can I override this? It seems like the “!important” is preventing me from customizing those two attributes

    November 20, 2019 at 2:19 am #1232
    Kriti SharmaKriti Sharma
    Keymaster

    Hi,

    Yes, !important attribute in the code prevents the code to be overridden. And we cannot override !important attribute.

    So, pasting code using the custom style button is the only option that we can use.

    Regards,
    Kriti

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