Тема Wordpress: получение полного портфолио из 2 колонок - PullRequest
0 голосов
/ 06 ноября 2018

Я использую тему Salient 9 на WordPress и пытаюсь получить полный портфель из двух колонок без удачи.

Мне удалось создать портфолио из 2 столбцов, используя этот пользовательский CSS

.portfolio-items .col.span_3 {
    width: 47.6% !important;
    margin: 0px;
    padding: 0px;
}

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

Если я установлю строку в «содержимое полной ширины», она будет отображаться очень странным образом, с более узким фоном и изображениями, выходящими из него.

Чтобы отобразить его правильно, я должен установить для строки «фон полной ширины», но я думаю, именно это мешает мне иметь портфель из 2 столбцов, охватывающий боковую сторону.

В данный момент я настроил страницу так, чтобы было совершенно ясно, что я имею в виду, если вы посетите ее. http://trunkstudio.it/work/

Я также прикрепляю скриншот страницы, когда пытаюсь установить строку в полноэкранный контент. wordpress salient - full width content row not working

Ответы [ 2 ]

0 голосов
/ 06 ноября 2018

Мне удалось исправить это немного иначе с

.portfolio-items .col.span_4 {
    width: 49.6% !important;
    margin: 0px !important;
    padding: 0px;
}
0 голосов
/ 06 ноября 2018

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

Вам нужно переопределить встроенные стили, например: (и я дрожу, чтобы использовать важный )

.col.span_3.element.one-fourths {
 width: 47.6% !important;
 position: relative !important;
 top: auto !important;
 left: auto !important;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...