Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Cloud Version 5.4.12
Own server or LimeSurvey hosting: LimeSurvey hosting
Survey theme/template: Fruity
==================
Hello again,

I am trying to modify the widths of the columns for a dual array question so that my text fits without having to reduce the size of the text. I looked through a bunch of forums to try and find the answer and attempted the below from these forums
forums.limesurvey.org/forum/design-issue...xt-questions?start=0
forums.limesurvey.org/forum/can-i-do-thi...rvey?start=15#186378
forums.limesurvey.org/forum/can-i-do-thi...in-limesurvey#183356


In my question source
<script type="text/javascript" charset="utf-8">
 
    $(document).on('ready pjax:scriptcomplete',function(){
 
        // Identify this question
        var thisQuestion = $('#question{QID}');
 
        // Add a question class
        thisQuestion.addClass('custom-dualarray');
 
        // Column-specific classes
        $('table.subquestion-list tr', thisQuestion).each(function(i) {
            $('th, td', this).each(function(i) {
                $(this).addClass('column-'+i);
            });
        });
    });
    });
</script>

In my .css
<style type="text/css">
 
    .custom-dualarray table.subquestion-list col {
        width: auto !important;
    }
 
    .custom-dualarray table.subquestion-list thead td,
    .custom-dualarray table.subquestion-list thead th {
    }
 
    .custom-dualarray table.subquestion-list thead .column-0 { 
    }
 
    .custom-dualarray table.subquestion-list thead .column-1 { width: 40%; }
    .custom-dualarray table.subquestion-list thead .column-2 { width: 10%; }
    .custom-dualarray table.subquestion-list thead .column-3 { width: 6%;  }
    .custom-dualarray table.subquestion-list thead .column-4 { width: 5%;  }
    .custom-dualarray table.subquestion-list thead .column-5 { width: 2%;  }
    .custom-dualarray table.subquestion-list thead .column-6 { width: 7%; }
    .custom-dualarray table.subquestion-list thead .column-7 { width: 1%;  }
    .custom-dualarray table.subquestion-list thead .column-8 { width: 10%; }
    .custom-dualarray table.subquestion-list thead .column-9 { width: 6%;  }
    .custom-dualarray table.subquestion-list thead .column-10 { width: 5%; }
    .custom-dualarray table.subquestion-list thead .column-11 { width: 1%; }
    .custom-dualarray table.subquestion-list thead .column-12 { width: 7%; }
 
</style>

It seems as though the column 1 width does work but the rest don't change.

I have also attached the iss file below.

Thank you very much!!