Reply To: Question conntroller answering with number keys

PennController for IBEX Forums Support Question conntroller answering with number keys Reply To: Question conntroller answering with number keys

#8068
danilchr1
Participant

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

  • This reply was modified 1 year, 12 months ago by Jeremy.