Question

有没有办法在Jupiter WordPress主题中创建5个相等的列？它有3列，4列，6列，但没有5列。我该怎么做？

Answer 1

您可以尝试以下解决方法：在该行中选择列布局时，选择“输入行的自定义布局”输入字段，然后添加以下布局并点击更新：

1/6 + 1/6 + 1/6 + 1/6 + 1/6

您将有5列，但它们将保持对齐。要使它们居中，请打开第一列设置，然后将选项卡切换到“宽度和响应度”，然后将前三个设备的偏移量设置为1列。

还有有关查询的木星主题文档： https://themes.artbees.net/docs/five-columns/ 描述了另一种方法。检查一下。

Answer 2

选项1：

自定义木星主题页面构建器

选项2：

它是一个简单的技巧

如果您使用的是页面构建器，则可以添加6个列构建器，但不要添加第6列，

然后您将在第6列中保留5列空白，然后为该列添加一个自定义类（如5列），并对其应用CSS以使其看起来像5列

/* 5 Columns */

.five-column {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.five-column {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .five-column {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .five-column {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .five-column {
        width: 20%;
        float: left;
    }
}

如何在木星主题中创建5列行？

2 个答案: