Adapt Learning Community: How do I customize the notify.less to show different colors for correct/incorrect answers?

Hi all,

I have been struggling trying to get the colors to change for if the class is correct or incorrect in the notify.less file. I have the colors set in my colors.less but I can't seem to get the less to be specific to an incorrect modal versus a correct modal.

Any thoughts? This is what I am trying to have two versions of (correct and incorrect) but this is the default:

It's nested in .notify

.notify-popup {
        background-color: @notify-color;
        color: @notify-text-color;

        a {
          text-decoration: none;
        }

Hello Melissa,

this snippet works for me and may be a good starting point for your amends.

.notify-popup {
        background-color: @notify-color;
        color: @notify-text-color;

        &.incorrect {
            background-color: red;
        }
        &.correct {
            background-color: green;
        }

        a {
          text-decoration: none;
        }
    }

Cheers

Thomas

Show parent | Reply

Hey Thomas, it does! I went on Gitter yesterday and got the same response and it had worked. I need to study up more on LESS. I was not using the & and just putting the .notify-popup .correct outside of the nesting.

Thanks so much!

Mel

Show parent | Reply