CSS Styling

Hi @harshitsgala,

Thanks for reaching out to us.

Please paste the following CSS code in Appearance -> Customize -> Additional CSS section:

.qmn_quiz_container input[type="text"], .qmn_quiz_container input[type="email"], .qmn_quiz_container input[type="number"] {
    border: 1px solid #333132;
    border-radius: 10px;}

.qsm-submit-btn, .qsm-next, .qsm-previous{
  background: #fec10d !important;
  color: #333132 !important;
  border-radius: 10px;
  }

.qsm-progress-bar path:nth-child(2){
	stroke: #000;
}

.qsm-progress-bar .progressbar-text{
	color: #000 !important;
}

.qsm-quiz-container{
 font-family: "Open Sans";}

.qmn_mc_answer_wrap {
    margin: 10px 0 10px 0 !important;
}

.qsm-next{
   position: relative;
    top: -5px;
}

And sorry to say this but it is not possible to align the buttons and progress bar shows vertically.

Hope this helps.

Regards,
Kriti

Hi Kriti,

Thank you so much for your quick reply.

I have added the CSS you gave. Unfortunately, the only change I can see on my page is the colour of the progress bar. Is there anything else I need to do?

Regards,
Harshit.

Hi @harshitsgala,

Did you paste the CSS code at here Appearance -> Customize -> Additional CSS section?

Let me know.

Regards,
Kriti

Hi Kirti,

Yes, I have pasted the CSS code in Appearance -> Customize -> Additional CSS and then published it.

Regards,
Harshit.

Hi @harshitsgala,

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

Hi Kriti,

I have shared the issue on the given link.

Regards,
Harshit

Hi Harshit,

I am marking this ticket as resolved.

Regards,
Kriti

Sure.

Thank you so much for your technical support.

regards,
Harshit.