Как редактировать эту страницу WordPress темы с помощью пользовательских CSS

Question

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

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

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

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

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

Answer 1

Вы должны перезаписать всю сетку столбцов.Попробуйте вставить этот код CSS в поле «Пользовательский CSS» вашего шаблона или использовать плагин, такой как «Cusom CSS»

.vc_col-xs-12, .vc_col-sm-6 {margin-left:0px!important;}
@media (min-width: 768px) {
    body .vc_row-fluid .vc_col-sm-6 {width: 50%!important;}
}

Если вы знаете CSS, вам нужно добавить идентификатор в контейнер главной страницы и применить вышеупомянутый CSS только кпервая страницаВ противном случае это будет действовать на весь сайт.Это уберет поле между 1/2 столбцами.

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

Answer 2

1. Вы можете создать дочернюю тему

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

Используйте плагин, такой как Simple Custom CSS , чтобы добавить ваши стили на сайт.