Wordpress Salient主题：获得全宽2列组合

Question

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

使用此自定义CSS，我设法拥有了两列的投资组合

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

，但不能全角使用。 我的行设置似乎也有一些冲突。

如果我将行设置为“全宽内容”，则会以非常奇怪的方式显示该行，并且背景变窄并且图像跨过行列。

要正确显示该行，我必须将行设置为“全角背景”，但我想这就是阻止我将2列组合从侧面扩展到侧面的原因。

此刻，我已经设置好页面，以便您访问时完全清楚我的意思。 http://trunkstudio.it/work/

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

Answer 1

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

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

mounted() {
   this.workflowData.id = this.$store.state.workflow.id
   this.workflowData.workflow = this.$store.state.workflow.workflow
   this.workflowData.statuses = this.$store.state.workflow.statuses
},

data: () => ({
   workflowData: {
                id: '',
                workflow: '',
                statuses: '',
                newStatuses: []
            },
            workflowLoaded: false
        }
    },
})

Answer 2

我设法用不同的方式修复了它

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