Маленький значок в краске

[Bloadnak]

Привет,кто знает как в краске(Группы пользователей) добавить маленькую фотографию/Иконку

 

[Lugunika]

before/after

 

[Platon Pluxury]

.названиебаннера::before {
    content: "♟️";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.название::before {
    content: "\";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.название::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("прямая ссылка на фото") no-repeat center;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

так же можно сделать после баннера (поменять before на after)

 

[Matvey_Asco]

куда это писать? и как

имодзи в баннеры куда написать?

 

[heartless]

имодзи в баннеры куда написать?

в extra.less

 

[Matvey_Asco]

я пробывал не работает

надо в конце всех баннеров писать или в начале?

 

[Matvey_Asco]

подскажите как правильно

 

[heartless]

подскажите как правильно

скинь для какого баннера тебе надо сделать(название из extra.less), после/до баннера и стикер/эмодзи/font awesome

 

[Matvey_Asco]

скинь для какого баннера тебе надо сделать(название из extra.less), после/до баннера и стикер/эмодзи/font awesome

curator

 

[heartless]

после баннера:

.curator:before {
    content: "💜";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

 

[Matvey_Asco]

после баннера:

.curator:before {
    content: "💜";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

Спасибо, но я вставил в extra, куда дальше делать?

 

[heartless]

Спасибо, но я вставил в extra, куда дальше делать?

должно робить, только поставь еще одно : в начале

 

[Matvey_Asco]

Все понял, спасибо

 

[Platon Pluxury]

Все понял, спасибо

если решено то отметь мое смс как решение

 

[heartless]

если решено то отметь мое смс как решение

эт не его тема даже

 

[Platon Pluxury]

.названиебаннера::before {
    content: "♟️";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.название::before {
    content: "\";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
}

.название::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("прямая ссылка на фото") no-repeat center;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

так же можно сделать после баннера (поменять before на after)

@Bloadnak если помог поставь решение

 

[Lugunika]

.название::before { content: "\"; font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 18px; }

OFFTOP

Не хочу душнить, но всё же это всё можно прописать миксином - .m-faBase();