Sign in

Tips, Info, Success or Warning messages Not working

  • This topic has 2 replies, 2 voices, and was last updated 1 week ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #687
    ajeet

    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
    BobBob
    Support

    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;
        }
    }
    

    --
    Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

    #689
    ajeet

    Thanks Bob,

    Which file should I put this code in ?

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.