Поддержка Проблемы и решения Не работает код css в wordpress

  • Добрый день!

    У меня есть сайт на вордпресс с поздравлениями https://pozdravilnik.ru установлен шаблон, но мне нужно сделать поздравления более красивыми т.е. сделать первый символ другого цвета, и размера через P:first-letter. Я пытался это сделать через добавление произвольного кода css в настройках темы, не помогло ставил различные плагины для настройки дизайна темы и туда прописывал код :first-letter, ничего не помогает. Как правильно добавить такой код в тему, чтобы первый символ после тега P был большего размера и другого цвета? Спасибо за советы.

Просмотр 4 ответов — с 1 по 4 (всего 4)
  • У Вас тема reebot в ней зашифрован и сильно сжат главный файл css, Вам нужно написать разработчику и спросить его как сделать или расшифровать файл и там найти все включения с first-letter и удалить их, а потом вставить Ваш код, должно помочь.

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

    • Ответ изменён 2 недели, 5 дней назад пользователем wcw2007.
    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Я пытался это сделать через добавление произвольного кода css в настройках темы, не помогло

    Там происходит конфликт с данным фрагментом из стилей темы:

    
    ol:not([class]):before,
    p:before,
    ul:not([class]):before {
    	content: '';
    	display: block;
    	width: 10em;
    	overflow: hidden
    }
    

    Согласно документации по ::first-letter:

    A combination of the ::before pseudo-element and the content property may inject some text at the beginning of the element. In that case, ::first-letter will match the first letter of this generated content.

    Получается, что стили для p::first-letter применяются к этому невидимому элементу p:before.

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

    
    p:before {
    	content: none;
    }
    
    p::first-letter {
    	font-size: 200%;
    	color: red;
    }
    

    Результат: https://cldup.com/2rGHXfpTP8.png

    Огромное спасибо

Просмотр 4 ответов — с 1 по 4 (всего 4)