Remove line from grouped questions/list

Question

I have a question that I have this code applied toQualtrics.SurveyEngine.addOnload(function() {    var questionID = this.getQuestionContainer().id;    var lastListItem = document.querySelector('#' + questionID + ' li:last-of-type');    if (lastListItem) {        lastListItem.style.borderTop = 'none';        lastListItem.style.margin = '0';        lastListItem.style.padding = '0';    }    var labels = document.querySelectorAll('#' + questionID + ' label');    labels.forEach(function(label) {        label.style.setProperty('margin-top', '0', 'important');    });});However, as you can see from this picture, there are still lines appearing! How do I remove ALL the lines from this list? Would prefer JavaScript - if available - too!

MaggieGentry · Accepted Answer

I got it to work with this JavaScriptQualtrics.SurveyEngine.addOnload(function () { // Create a

Chee Heng_SZ · Answer

This is likely due to your css lineli:last-of-type { border-top: 2px solid #8D8D8D4D; }that was mentioned in another thread of yours (How to get a line to NOT display! | XM Community) that cause each last list item to have the line, even if it is a list within a list.Is this the only question in that page?Perhaps you can try toadd<style> within the HTML that targeting the specific portions?

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded