Заменил стандартные смайлы на форуме на QIPовские

Заменил стандартные смайлы WP на QIPовские. В сообщениях отображаются как надо, но в визуальном редакторе все разных размеров.
Кто-нибудь может сказать, как сделать чтобы они и там нормально отображались?

Заранее, спасибо.

Я тоже так подумал. Попробую завтра. У меня правда с CSS пока не ладится. Что ни делаю там, ничего не помогает.

Андрей CS сказал(а)
отображение смайла зависит от размера его изображения, тк размер этих изображений по-умолчанию ограничен по высоте:

.rcl-smiles .smiles img {
    cursor: pointer;
    display: inline-block;
    height: 18px!important;
    margin: 3px!important;
    width: auto!important;
}

можете попробовать снять это ограничение прописав стилевом файле своей темы:

body .rcl-smiles .smiles img {
    height: auto!important;
    width: auto!important;
}

Прописал в самом низу style.css, ничего не изменилось.
А где искать код, который на 1-й картинке? Может его попробывать изменить?

Otshelnik-Fm сказал(а)

barsssik@mail.ru сказал(а)
А где искать код, который на 1-й картинке?

там вы ничего не найдете. Вы же смайлы сторонние ставите. А стили для этих смайлов внутри самого ВП прописаны.

Значит вы неверно что-то делаете. Вообще странно что мы тут работу стороннего плагина поддерживаем (это же classic smilies?). Это не проблема плагина WP-Recall

Нет, это вообще не плагин. Я вручную их заменил.

Понял, хотя странно.
Загружал из одного набора, и отображаются они одинаково в самих сообщениях.
Сейчас попробую загрузить другие наборы, отпишусь тогда по результату.

Посмотрел, набор один, просто смайлы все разные, потому что есть просто колобки, а есть, например, где он бьется головой об стенку, там ширина больше.
В комментариях такой же набор, но там нормально отображаются:

Может как-то можно вытянуть?)

Otshelnik-Fm сказал(а)
Я вижу что на этом скрине у вас другие смайлы - например зеленый. Ну да ладно

Пробуйте так:

.rcl-smiles .smiles img.wp-smiley {
	height: auto !important;
}

- но этот же совет по стилям давал вам Андрей

Это просто я вручную на форум еще не все смайлы прописал, это кропотливая работа.
Этот код просто в самый низ добавить файла style.css?

Otshelnik-Fm сказал(а)
да

Добавил - ничего не поменялось.
Ладно, оставлю пока так до лучших времён.
Спасибо за попытку помочь.

Otshelnik-Fm сказал(а)
Повышайте свою грамотность - я не вижу что вы что-то сделали

Вы не можете просматривать опубликованные ссылки

-нет этих стилей.
Читайте в гугле как правильно в ВП добавить свои или корректирующие стили. Научитесь наконец-то открывать консоль и смотреть там - это азы для того кто идет делать сайт

Вы не можете просматривать опубликованные ссылки

Получается что у нас отняли время, а теперь махнули рукой. И не будете разбираться, до тех пор пока вам опять правки не придется делать - и снова мы будем вести пустой диалог дважды повторяя какие стили вам надо добавить - и выясняя почему у вас не получается. Осваивайте эти основы. Или не трогайте кастомизации

И да - не стоит обижаться на мою прямолинейность - это именно то что вы обязаны знать если хотите кастомизировать что-то. гугл наш друг

Но вы всегда можете обратиться за платной помощью через задания

Вы не можете просматривать опубликованные ссылки

Спасибо за инфу. Сейчас буду читать статью.

Otshelnik-Fm сказал(а)
Я за вас разобрался - зачем вы внутрь медиазапроса стиль вставили?

Вы не можете просматривать опубликованные ссылки

возможно вы однажды редактируя стили закрывающий } удалили и теперь у вас все нижестоящие стили идут под правило медиазапроса 420px

Все они и будут работать только для экранов от 420 пикселей и ниже

➡
Даже не знаю, что ответить..( Где теперь искать собаку?
Бэкап сделать?

Otshelnik-Fm сказал(а)
Идите по стилям выше - ищите где начинается медиазапрос и закрывайте его

Вроде нашел и исправил. Еще несколько смайликов сделались нормального размера.
Остальные пока мелкие.
Но прогресс уже на лицо)

Otshelnik-Fm сказал(а)
вы на строке выше в стили зачем это добавили?

Вы не можете просматривать опубликованные ссылки

Это у меня раньше они и в сообщениях отображались маленькими.
Прочитал на другом ресурсе. Удалить?

Otshelnik-Fm сказал(а)
вы на строке выше в стили зачем это добавили?

Вы не можете просматривать опубликованные ссылки

Вы вот этот код имеете ввиду?

img.wp-smiley {
width: 20px !important;
height: 20px !important;
max-height: 20px !important;
}

Удалил и все заработало.
Огромное спасибо за помощь! 8)
Буду изучать Ваши материалы.