Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Tips, Info, Success or Warning messages Not working

  • #687
    Avatar photo[anonymous]

    The messages are visible in the desired format in the editor, but not when opened locally.

    Video here

    https://www.loom.com/share/56fed0120e8a4c92b0d786785213bf7b

    Am I doing something wrong ?

    Thanks,

    #688
    Avatar photoBob

    Hi Ajeet,

    I suppose that your theme does not include relevant CSS rules. The following set (.scss) comes from the Simple theme.
    `
    // Required by WYSIWYG editor
    .align-left {
    text-align: left;
    }

    .align-right {
    text-align: right;
    }

    .align-center {
    text-align: center;
    }

    .align-justify {
    text-align: justify;
    }

    .msg {
    padding: baseline(4) baseline(8);

    &–highlight {
    background-color: #FFFCF1;
    }

    &–info {
    background: #F2F9FF;
    }

    &–success {
    background: #F7FBF6;
    }

    &–warning {
    background: #FFF3F3;
    color: #A94442;
    }
    }

    .ordered-list {
    counter-reset: listCounter;

    li {
    counter-increment: listCounter;
    list-style: none;
    padding-left: baseline(1);
    position: relative;

    &::before {
    color: $color;
    content: counter(listCounter, decimal-leading-zero) ‘.’;
    font-weight: $font-weight-bold;
    left: -2rem;
    position: absolute;
    }
    }
    }

    .dropcap {
    &:first-letter {
    color: $color-headings;
    float: left;
    font-size: ms(20);
    line-height: 0.7;
    margin-right: baseline(2);
    padding: baseline(2) baseline(2) baseline(2) 0;
    }
    }
    `

    #689
    Avatar photo[anonymous]

    Thanks Bob,

    Which file should I put this code in ?

    #765
    Avatar photo[anonymous]

    .