Пользовательский CSS для удаления определенных полей на странице Wordpress - PullRequest
Новая
       19

Пользовательский CSS для удаления определенных полей на странице Wordpress

0 голосов
/ 28 мая 2018

Недавно я создал новую Wordpress страницу экипажа для моей команды.Я использую плагин Visual Composer, чтобы собрать все вместе.К сожалению, тема Wordpress добавляет поле между двумя сторонами, которое я не могу удалить с помощью визуального композитора.( см. Здесь )

После использования элемента проверки в Safari я нашел строку, которая создает поле ( см. Здесь ).После удаления строки она выглядит ( вот так ).

Мой главный вопрос: каков наилучший способ убрать это поле?Боюсь, что переход в исходный код испортит сайт, потому что поле является частью и связано с таким количеством классов, может быть, даже на других страницах?

Дополнительный вопрос: после удаления поля в инспекторе он создает пустое пространство справа.Я пытался найти определенную ширину страницы или что-то подобное, но безуспешно.

Заранее спасибо!

1 Ответ

0 голосов
/ 24 июня 2018

Учитывая этот подход, плагин визуального редактора позволяет размещать пользовательские CSS на каждой странице, которую вы создаете, поэтому enter image description here

enter image description here

Что теперь?вам нужно нацелиться на действительно конкретный селектор, который вы хотите изменить, вы можете использовать Chrome Dev Tools инспектор, чтобы скопировать наиболее специфичный селектор для проверяемого элемента, например:

перейдите, чтобы проверить элемент, найти элементс помощью мыши и правой кнопкой мыши на нем, выберите копировать и копировать селектор

enter image description here

это даст вам что-то вроде этого 

#comment-88140204 > div.comment-text.js-comment-text-and-form > div > span.comment-copy

Ну вот, теперь вы можете переопределить любые стили для этого конкретного элемента, не беспокоясь о том, чтобы создать беспорядок в другом месте

Надеюсь, это поможет

...