Измените веб-сайт WordPress с 2 столбцов на 1

#css #wordpress #twitter-bootstrap #multiple-columns

#css #wordpress #twitter-bootstrap #несколько столбцов

Вопрос:

Веб-сайт, который я перенял, имеет странную настройку и 2 столбца на каждой странице. В WordPress я нигде не вижу, чтобы изменить это вручную.

https://kennifordfarm.co.uk/

Перепробовал все разные CSS-коды, которые я видел в Интернете, но ничего не изменилось. Второй столбец кажется мертвым, кроме ссылки, и не видно, куда добавить контент для 2-го столбца?

Ответ №1:

Вы можете добавить это в свой CSS, если вам нужен быстрый метод:

 .main-area, .otherside {
    width: 100%;
}
  

Однако лучшим методом было бы изменить классы начальной загрузки в HTML этих двух элементов соответственно с col-sm-6 на col-sm-12 на (что, однако, потребует изменения файлов шаблонов php, что снова потребует настройки дочерней темы)

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

1. Спасибо за ваш ответ. К сожалению, добавление этого CSS не вносит никаких изменений.

2. Вероятно, потому, что существуют правила CSS с большей конкретностью, которые перезаписывают его. Вы можете попробовать добавить !important , например width: 100% !important;