• Resolved 18alex05

    (@18alex05)


    I want to change the button color of the next, the previous and the submit button.
    I tried:
    .qmn_quiz_container .qmn_btn, .qmn_quiz_container .btn {
    background: #1B365C !important;
    }

    .qmn_quiz_container .qmn_btn:hover, .qmn_quiz_container .btn:hover {
    background: #1B365C !important;

    but it did not work.
    What am I doing wrong?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi @18alex05,

    Thanks for reaching out to us. Please paste the following CSS code to change the buttons background color in Appearance -> Customize -> Additional CSS:

    .qsm-submit-btn, .qsm-next, .qsm-previous{
      background: #cc1818 !important;}

    Let me know if you need any further assistance.

    Kind regards,
    Kriti

    Thread Starter 18alex05

    (@18alex05)

    Hello,

    thanks for the help! But copying the CSS Code did not work for me.

    Thread Starter 18alex05

    (@18alex05)

    I just saw, that the change effected the Retake Quiz Button at the end, but not the other ones.

    This is the Code I currently added in the Additional CSS.

    /**Progressbar Change **/
    .qsm-progress-bar path:nth-child(2){
    	stroke: #1B365C;
    }
    .qsm-progress-bar .progressbar-text{
    	color: #1B365C !important;
    }
    
    /**Font color of the Question **/
    .quiz_section, .quiz_section{
    	color: #1B365C;
    }
    
    /**Button color  **/
    .qsm-submit-btn, .qsm-next, .qsm-previous{
      background: #1B365C !important;}

    Hi @18alex05,

    I request you to please share the issue at here as well https://quizandsurveymaster.com/open-ticket/ so that I can check the code.

    Also, share the link of this ticket at here in the description.

    Kind regards,
    Kriti

    Thread Starter 18alex05

    (@18alex05)

    I did send a ticket.

    Hi @18alex05,

    I am marking this ticket as resolved.

    Regards,
    Kriti

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

The topic ‘QSM CSS’ is closed to new replies.