css - Wordpress 突出主题：获得全宽 2 列组合

Question

我在 wordpress 上运行 Salient 9 主题，并且我试图拥有一个全宽的 2 列组合但没有运气。

我设法使用此自定义 CSS 制作了 2 列组合

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

但这不适用于全宽。我的行设置似乎也有一些冲突。

如果我将该行设置为“全宽内容”，它将以一种非常奇怪的方式显示，背景更窄，图像跨越它。

为了正确显示它，我必须将该行设置为“全宽背景”，但我想这就是阻止我让 2 列组合从侧面跨越的原因。

目前我已经设置了页面，以便完全清楚我的意思，如果你访问它。http://trunkstudio.it/work/ ​</p>

当我尝试将行设置为全屏内容时，我还附上了页面的屏幕截图。

标签： csswordpresswordpress-theming

Answer 1

这些项目的布局看起来像是使用 JS 来设置图像的宽度/位置，可能是砖石/同位素。

您需要覆盖内联样式，例如：（我不寒而栗使用重要）

.col.span_3.element.one-fourths {
 width: 47.6% !important;
 position: relative !important;
 top: auto !important;
 left: auto !important;
}