Hello,
Thank you for your solution. It worked. But I also did some changes in the original Qustion.css file changing the font in paricular in the li.scale-box section:
margin-right: 1em;
*/
margin-right: 2em;
/*
/*
border: 1px #9ea4b1 solid;
*/
border: 1px #9ea4b1 none;
font-size: 18pt;
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Original Question.css file:
.Question {
margin-left: 0;
padding-left: 0;
}
.instructions-text {
font-style: italic;
clear: left;
padding-top: 1em;
font-size: small;
}
li.normal-answer {
text-align: left;
cursor: pointer;
padding-bottom: 1em;
}
li:hover.normal-answer {
cursor: pointer;
}
li.scale-box {
float: left;
list-style: none;
margin-left: 0;
padding-left: 0;
margin-right: 1em;
padding-right: 0;
border: 1px #9ea4b1 solid;
width: 2em;
height: 2em;
padding-top: 0.5em;
text-align: center;
}
.scale-comment-box {
float: left;
list-style: none;
margin-left: 0em;
padding-left: 0;
margin-right: 1em;
padding-right: 0;
padding-top: 0.5em;
text-align: center;
font-style: italic;
}
li.scale-box a {
text-decoration: none;
display: block;
vertical-align: middle;
}
li.scale-box a:hover {
text-decoration: none;
display: block;
vertical-align: middle;
}
span.fake-link {
color: blue;
cursor: pointer;
}
span:hover.fake-link {
cursor: pointer;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
New Question.css file:
.Question {
margin-left: 0;
padding-left: 0;
}
.instructions-text {
font-style: italic;
clear: left;
padding-top: 1em;
font-size: small;
}
li.normal-answer {
text-align: left;
cursor: pointer;
padding-bottom: 1em;
}
li:hover.normal-answer {
cursor: pointer;
}
li.scale-box {
float: left;
list-style: none;
margin-left: 0;
padding-left: 0;
/*
margin-right: 1em;
*/
margin-right: 2em;
padding-right: 0;
/*
border: 1px #9ea4b1 solid;
*/
border: 1px #9ea4b1 none;
width: 4em;
height: 2em;
padding-top: 0.5em;
text-align: center;
font-size: 18pt;
}
.scale-comment-box {
float: left;
list-style: none;
margin-left: 0em;
padding-left: 0;
margin-right: 1em;
padding-right: 0;
padding-top: 0.5em;
text-align: center;
font-style: italic;
}
li.scale-box a {
text-decoration: none;
display: block;
vertical-align: middle;
}
li.scale-box a:hover {
text-decoration: none;
display: block;
vertical-align: middle;
}
span.fake-link {
color: blue;
cursor: pointer;
}
span:hover.fake-link {
cursor: pointer;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
When I create the global_z.css file it does not recognise some of these changes. There is no border around the answers as expected by the newly specified line:
border: 1px #9ea4b1 none;
but the answers have the same font size as the original not the newly specified font-size: 18pt;
(the font-size parameter did not exist in the original Question.css file, but it seems to work correctly as long as the global_z.css file is not uses)
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
global_z.css file
.PennController-myController.Question-Question ol {
list-style: none;
display: flex;
}
.PennController-myController.Question-Question li {
min-width: 5em;
pointer-events: none;
}
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
How can I resolve this, so that these changes are recognised?
Should I keep the original Question.css file, edit the Question.css file or the global_z.css file.
Danil
