Как найти, где класс CSS используется в WordPress

#css #wordpress #wordpress-theming

#CSS #wordpress #wordpress-тематизация

Вопрос:

Итак, я работаю над сайтом WordPress, это каталог врачей, куда вы можете приходить и записываться на прием. Теперь я хочу пояснить, что техническая поддержка этой темы очень слабая. Поэтому большинство проблем с дизайном я исправляю с помощью пользовательского CSS, пока они не устранят проблему в обновлении. Теперь на сайте есть некоторый CSS .dc-consultation-title {overflow: hidden;} , из-за которого имена пациентов исчезают в разделе отзывов.

введите описание изображения здесь

Теперь, как только я отключу этот код с помощью элемента проверки, начнут появляться имена.

введите описание изображения здесь

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

Мобильный Просмотр С Кодом:

введите описание изображения здесь

Мобильный Просмотр Без Кода:

введите описание изображения здесь

Теперь я не понимаю, что код не перезаписывается ничем ни в мобильных, ни в настольных представлениях, тогда почему он ведет себя по-другому? У меня также нет никакого пользовательского CSS для этого класса, могу ли я добавить встроенный CSS для определенного раздела, чтобы я не отключал его для всего сайта, а только для этого раздела отзывов? Я действительно немного понимаю PHP, достаточно, чтобы отредактировать его. Просто не знаю, где искать.

Правка: что, если я перепишу CSS, начиная немного выше в дереве HTML, примерно так .dc-feedback-content .dc-consultation-details .dc-consultation-title { overflow: visible; } , сколько шансов, что это сломает что-то еще?

Ответ №1:

Пожалуйста, выполните следующие действия:

После этого вы сможете найти, где используется класс CSS.

Перейдите в раздел wp-содержимое gt; темы gt;gt; ИМЯ ВАШЕЙ ТЕМЫ и попробуйте найти папку, в которой находятся файлы CSS. Обычно они называются таблицами стилей CSS или стилями. Затем вы можете загрузить его и отредактировать с помощью программы для редактирования текста на вашем компьютере. После редактирования перейдите в тот же каталог, в котором вы нашли файлы CSS, и нажмите «Загрузить».

Комментарии:

1. Я думаю, что не могу объяснить, чего я хочу. Я знаю, где находится файл таблицы стилей, я также знаю, что этот код находится в строке 6744 в файле style.css. Что я хочу знать, так это то, что если я отредактирую CSS в строке 6744, .dc-consultation-title это нарушит дизайн? давайте предположим, что класс CSS .dc-consultation-title используется где-то еще на сайте, а не только в разделе отзывов, поэтому, отредактировав код в строке 6744, я исправлю свою проблему, но нарушу другой раздел, о котором я не знаю, я хочу узнать, где еще на сайте используется класс .dc-consultation-title .

2. Для этого вам нужно проверить все страницы и выполнить поиск по этому классу, независимо от того, использовался этот класс или нет. Это единственное решение, которое нужно проверить .

3. не лучшее решение, которое я искал, но давайте посмотрим.