Hi all, 
I have a dual matrix question with additional vertical lines for visual separation (see image below, see also code which I copy and pasted from somewhere to get the vertical lines). With the additional vertical lines, the columns separating the different parts of the question are no longer necessary and I would like to remove them (marked in yellow). My CSS skills are not sufficient to do this. Any helps would be appreciated
Best wishes
Mark 

CSS:
td.noanswer-item, th.noanswer-text, th.header_no_answer, td.header_separator {
        border-left: 3px solid #777 !important;
 }
 td.rigth_separator  {
        border-left: inherit !important;
 }
 .header_row td:nth-of-type(4) {
        border-left: inherit !important;
  }

What version of LimeSurvey are you using?
What theme are you using?
Please upload an export file of your survey containing only this question, so people that want to help can look at it.

Tammo

Thanks for your response. I work on Limesurvey Version 3.25.17 210309 and use the default "fruity" design. Please find the .lss file attached.Thanks!Mark

When I load this survey in my installation, it shows like this. Apart from the stange thick line, what is the problem here?


 

Tammo

By the way: [message for Denis Chenu]: in the attached survey the subquestions are not shown when the plugin "hide empty columns" is active.

Tammo

Hi,
there is no technical problem per se. But the thick line is intentional. It was meant to replace the empty column on big devices. So the target layout is:

SCALED QUESTION | THICK LINE | SCALED QUESTION

The empty column is not really necessary on big screens / devices and looks ugly. So we prefer a visual separator line instead. Hence, we would like to remove the separator column.
Bests Mark

I see your problem, but it would take some time to solve this, which I cannot find right now. You might look into the twig file that builds the dual array.

Tammo

Couldn't resist finding it out. Please see the .lss in the attachment. Here it works. But I am unsure how, because when "width: 0 !important;" it works, but not with "width: 3px !important;"

Tammo