Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Как сделать такие предупреждения

Фев
45
9
Пользователь
css:
.messageNotice--warning {
margin: 10px 0;
padding: 10px 10px;
color: #cccccc;
font-size: 1.3rem;
border-left: 2px solid #c636ff;
background: #2e2e2e;
margin-top: 0;
}

фикси это. color - цвет текста. background - задний фон(то что сзади и то что тебе нужно). border-left - полосочка справа.

чтоб пофиксить идешь в extra.less и что поменял добавлять туда и подставляешь !important.
пример:

.messageNotice--warning {
background: #fff !important;
}
 
Июл
878
1,174
Пользователь
Не правильный код элемента нашёл если хочешь изменить именно цвет предупреждения.
Ищем дальше
css:
.messageNotice {
margin: 10px 0;
padding: 10px 10px;
color: #cccccc;
font-size: 1.3rem;
border-left: 2px solid #c636ff;
background: #2e2e2e;
margin-top: 0;
}

фикси это. color - цвет текста. background - задний фон(то что сзади и то что тебе нужно). border-left - полосочка справа.

чтоб пофиксить идешь в extra.less и что поменял добавлять туда и подставляешь !important.
пример:

.messageNotice {
background: #fff !important;
}
 
Июл
878
1,174
Пользователь
Ноя
1,832
5,449
Команда форума
Администратор
Less:
.messageNotice
{
    border: none;
    
    &.messageNotice--highlighted
    {
        color: #fff;
        background: #182026;
    }
    
    &.messageNotice--deleted
    {
        color: #c84448;
        background: #231a1a;
        
        &:before
        {
            color: #c84448;
        }
    }
    
    &.messageNotice--moderated
    {
        color: #52ba69;
        background: #1b221d;
        
        &:before
        {
            color: #52ba69;
        }
    }
    
    &.messageNotice--warning
    {
        color: #e68a1d;
        background: #251f17;
        
        &:before
        {
            color: #e68a1d;
        }
    }
}
 
Сверху