Hi!!



I think i cannot fully understand the case, but maybe with a carry forward you can display selected or unselected choices from the first question in the second one.



Here you can find more info about carry forward

https://www.qualtrics.com/support/survey-platform/survey-module/question-options/carry-forward-choices/



Hope this works

---

This can't be done out of the box and I am not sure what the custom code would need to look like to achieve this.



Have you considered just formatting that "special" 8th option differently to make it stand out more? I am struggling to understand the need in having it be a separate question.

---

Hi Akdashboard,



The problem I was running to with formatting the question differently is that the person designing the study wants a line between the first option and the later options. If I try to do that directly in the question, the line appears in the gray portion (see the image below, right below the first credit card), instead of in between the cards (preferably in the white portion, with more white space). With two questions I've made it look better.



!





If you have a suggestion for doing the formatting so that it doesn't appear in the grey box (or even know how to change the color of the box to white--I tried using css in the question but it didn't work. Perhaps I need to play with look & feel css) that would be amazing!



Thanks!

---

This JS should be pretty close to what you want:

```

Qualtrics.SurveyEngine.addOnload(function() {

var firstChoice = jQuery("#"+this.questionId+" li.Selection:first");

firstChoice.after("<hr>");

firstChoice.find(".LabelWrapper").css("margin-bottom","0px");

});

```

---

This is great, Tom. Thanks!



I'm not good at javascript, and I was wondering if you could answer a follow-up question. I wanted to add some space between the line and the second option. As you can see in the picture it's very close.

!

I tried running:

``var secondChoice = jQuery("#"+this.questionId+"li.Selection:second");

secondChoice.find(".LabelWrapper").css("margin-top", "30px");``



I'm sure there's something pretty obvious I'm doing wrong.



As always, thanks for all the help!

---

:second isn't a valid pseudo-class, so your code did nothing. I would add a margin to the bottom of the hr:

```

firstChoice.after("<hr style='margin-bottom:30px'>");

```

---

Thanks so much--I figured that might be the issue. I appreciate your taking the time to help me.

---