Поддержка Проблемы и решения Пользовательское оформление тега

  • Доброго времени. Мне нужно изменить свойства тега «code» так, чтобы оно выглядело примерно как на ресурсе losst.ru или на форумах разных дистрибутивов Linux. Пробовал копипастить, изменяя editor-style.css — не помогло. Подскажите где и что нужно редактировать? В гугле не нашёл ничего путного.

    • Тема изменена 5 лет, 4 месяца назад пользователем usernull.
    • Тема изменена 5 лет, 4 месяца назад пользователем usernull.
Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Добавить в свой файл style.css:

    code {
    	display: block;
    	margin: 0;
    	padding: 15px;
    	border: 0;
    	vertical-align: baseline;
    	background-color: rgba(0, 0, 0, 0.05);
    	border-radius: 3px;
    	box-sizing: border-box;
    }
    
    code:before {
    	content: "$";
    	margin-right: 6px;
    }

    Не работает. Это может быть быть багом новой версии wp и нового редактора?

    Помогает только если добавлять в качество дополнительного стиля CSS в графических настройках темы

    Я проверял на тестовом сайте — работает.

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

    Так я не знаю, что у вас за тема установлена и как она устроена.

    Живой пример: https://codepen.io/anon/pen/xmKXNG

    Модератор Yuri

    (@yube)

    Файлы css могут надолго кэшироваться как браузером, так и сервером. В моей практике был случай, когда сервер как ни в чем не бывало отдавал удаленный с диска файл.

    Стили, добавленные в доп.стилях кастомайзера, попадают в html-код страницы, а потому для них действуют другие правила кэширования.

    Тема VT Blogging. Проверял на чистом браузере — не помогает. Можно как-то самостоятельно почистить кэш сервера, если дело в этом?

    Вставлять код нужно в файл style.css, а не в editor-style.css о котором вы писали в первом сообщении. Вы правильно делаете?

    Ссылка на сайт ускорила бы решение вопроса.

    Я вставляю в style.css
    https://imgur.com/a/gx83jET

    Проблема в итоге решилась, нужно было просто подождать видимо. Всем спасибо.

Просмотр 10 ответов — с 1 по 10 (всего 10)
  • Тема «Пользовательское оформление тега» закрыта для новых ответов.