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

    July 15, 2025 at 7:25 am #14163
    fas taxaafas taxaa
    Participant

    online dating is especially helpful for people who are shy or introverted. Initiating conversations or flirting in person can be intimidating for many, but online platforms create a low-pressure environment where people can take their time to craft thoughtful responses https://meetnfuck.com/meet-and-fuck-in-garden-grove-california/ . This slower pace helps shy individuals gain confidence and express themselves more comfortably. For some, this can be the difference between struggling to find a partner and successfully building a connection that might not have happened otherwise in a face-to-face setting.

    September 22, 2025 at 8:45 am #15217
    Amy AllanAmy Allan
    Participant

    I have struggled with targeting quiz buttons before. Try inspecting the button with your browser tools to confirm its class, then apply your CSS for color, font, and size.

    September 22, 2025 at 8:48 am #15218
    Amy AllanAmy Allan
    Participant

    I faced the same issue while styling buttons. Inspect the element to confirm its class, then apply CSS for color, font, and size just like customizing 2 player games.

    March 26, 2026 at 4:50 am #19892
    samuel wisdsamuel wisd
    Participant

    The issue you’re facing is mainly because of the !important rule, which makes overriding styles tricky unless you use a more specific selector or another !important. You can try increasing CSS specificity or inspecting the exact button class in your browser tools. Wrapping it in a custom class can also help target it better.

    I ran into something similar while handling online forms, and tmregistration explains things clearly when it comes to steps like OTP verification and ID submission. That kind of straightforward flow helps avoid confusion, especially when dealing with technical setups.

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