Dropdown question custom values

[ceycey79]

Hi, I want to use a specific question type in my quizzes. To achieve this I need to use JQuery and CSS (to add color to dropdown options and keep color on selected state). There will also be two options which are same but have different colors and values (ex. M-this willbe red-, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, M -these all will be black). The red M and black M will have different values. And want to keep the color of red M when selected.  I will be glad if you can help me with this issue.

[Veronica]

well this can be partially done with some custom css codes. please provide some details like a course url or question on which we can perform the test with admin credentials in private reply.

[ceycey79]

This reply has been marked as private.

[Jackson]

Hello, if you want to make first m red then use this code Goto appearance>>customize>>custom css and paste code given below: .single-question .main_content .question.select .vibe_select_dropdown option:nth-child(1){ color:red !important; } Refer: https://prnt.sc/sue4oh Thanks,

[ceycey79]

Hi, I've added the style as you mentioned however when I test (view) it as a singnşe question (view through the link of the question itself) it works, but in quiz page or course page the styling doesn't work.

[Jackson]

Hello, Please share the link of that course in which you are using that type of question , I will share the code according to that, Thanks,

[ceycey79]

Thanks ...  I decided not to use it because changes we will make in customizer will effect all dropdowns but i want it only in one dropdown. I have another problem... I use multiple dopdowns in some questions. However I can't make them as a list. In react quiz the list corrupts as you can see in this screeshot https://yadi.sk/i/K2IoSu3gSZltzQ . In fact what I want is stg like in the following screenshot, at least. https://yadi.sk/i/7GKtXF6MrXJ1Pg Thanks in advance.

[Veronica]

hi, sorry for the delay in response due to support holiday and for interrupting between the conversation of jackson and you because he is not here today. have you followed this tip: https://wplms.io/support/knowledge-base/multiple-fillblank-and-multiple-select-dropdown-question-types/ properly? if yes then please let us know the question/quiz/course url to check this out. and also are you facing this issue only with the single question preview or with the quiz?

[ceycey79]

Hi again. I'm not having trouble with creating multiple dropdown. I'm having trouble with styling of it on Quiz page. As you can see on the screenshots on single question type it is ok. I mean each select is on one line with the sentence. However in quiz mode it corrupts. First one is on one line and second are third are on second. I want each to be on one line. So, it should be three lines. I tried listing (ol / ul), using paragraphs (p), line breaks (br) etc. but nothing works. Thanks in advance.

[Jackson]

Hello, Okay,, Can you please share the quiz url that have the same type of question which you want to style, Please share admin credentials in private reply, Thanks,

[ceycey79]

Figured it out. You may close the topic. Thanks.

[Veronica]

closing the topic

[Author]

Posts