WordPress-项目组合-更改一行中的项目数

时间:2016-09-08 作者:Eva

我正在使用Pure theme. 我不想在投资组合中每行有五(5)个项目,而是想要四(4)个。

如何自定义主题的CSS?为了构建页面,我使用GT3 Page Builder.CSS如下:

/* Portfolio */

.optionset {
    margin: 0;
    padding-left: 0;
    text-align: center;
    line-height: 13px;
}

.optionset li {
    list-style: none;
    margin-left: 0 !important;
    margin-right: 30px;
    display: inline-block;
    line-height: 13px;
}

.optionset li:last-child {
    margin-right: 0;
}

.optionset li:before {
    display: none !important;
}

.optionset li a {
    color: #484848;
    font-size: 13px;
    line-height: 13px;
}

.optionset li a:hover, .optionset li.selected a {
    color: #bfbfbf;
}

.portfolio_item {
    width: 20%;
    margin-bottom: 40px;
}

.portfolio_item .innerpadding {
    padding-left: 50px;
}

.portwrap {
    margin-left: -50px;
}

.portfolio_block {
    margin-top: 68px;
}

.isotope_preloader {
    /*opacity: 0;*/
    min-height: 700px;
}

1 个回复
SO网友:Aamer Shahzad

我猜如果你更改这行代码,它将在一行中生成4个投资组合项目。

更改此项:

.portfolio_item { width: 20%; margin-bottom: 40px; }
对此:

.portfolio_item { width: 25%; margin-bottom: 40px; }
将100除以所需的列数。e、 g 100/4=25,因此对于一行中的4个项目为25%,100/5=20,已设置为20%。