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

Question

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

Answer 1

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

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

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

还有关于您的查询的Jupiter主题的文档：https://themes.artbees.net/docs/five-columns/，其中描述了另一个方法。检查一下。

Answer 2

选项1：

自定义jupiter主题页面构建器

选项2：

这是一个简单的技巧

如果你使用的是页面生成器，那么你可以添加6个列生成器，但不要添加第6列。

然后，您将有5列，第6列有空白空间，然后为该列添加一个自定义类，如five- column，并为其应用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;
    }
}