Hello.
I'm trying to redesign a group of MAXDIFF QUESTIONS (matrix type) to include separator lines, borders and color. (A pic of what I'm trying to achieve is included.) Quite desperate at this point tbh. I found code that looked promising below, but it doesn't work. Can anyone offer suggestions that do not include javascript?
.maxdiff .inner_table td {
border-left: 3px black;
border-right: 3px black;
border-style: double;
}
What I hope to achieve:
table {
border: 1px solid black;
border-collapse: collapse !important;
}
.ChoiceRow td {
border-top: 1px solid black;
border-bottom: 1px solid black;
}
.ChoiceRow th {
border-top: 1px solid black;
border-bottom: 1px solid black;
}
Hello. Thank you so, so very much much. I'm getting closer. When I put your recommended code into the "Look & Feel" area, black borders appeared on everything throughout the survey that may have had "rows" and "cells", including - for example - the progress bar! (LOL). However, I only needed the MAXDIFF questions modified. So, (not knowing what I'm doing) I tinkered what you shared with me slightly and came up with the following:
.maxdiff .table { border: 1px solid black; border-collapse: collapse !important; } .ChoiceRow td { border-top: 1px solid black; } ChoiceRow th { border-top: 1px solid black; border-bottom: 1px solid black; }
The above code results in the following only with for the MAXDIFF tables in the survey:
This is EXCELLENT! I'm so close. Ultimately, though, I'm trying to get a single border around the entire table and change the color for the header row so that the final product looks like this:
I know nothing, but it seems like I need just a few more lines (I sound like a drug addict) to get me to the end: 1) Border and 2) header row color. Does anything come to your mind?
BTW - I Apologize for the code posting horizontally. I didn't intend for it to be that way.
- Remove the
.
before the table. Why? thead { background :red; }
Other colours.- If it's only for one question, then I would recommend pasting it in the question HTML within the style tags.
- More table styling
Thank you again.
- (Why?) - because I'm learning and I don't know.
- I'll try that.
- It's for all MAXDIFF tables throughout the document
- Thank you for the resource.
Finally got it to work with this:
The solution was a combination of recommended code, persistence, and landing on a good resource. It appears I was missing "thead". Now I can get this or any other color.
Thank you very much again!
Hi there,
Thank you so much for providing this code. I have tried using the code, and it works perfectly, although, I have other questions on the same page, and the code for the table question is also applied for the other questions.
How do I avoid this?
Thanks in advance
.maxdiff table {
border: 1px solid black; border-collapse: collapse !important;
}
.ChoiceRow td {
border-top: 1px solid black;
}
ChoiceRow th {
border-top: 1px solid black; border-bottom: 1px solid black;
}
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.