教程简介: 用过子比主题的都知道,首页列表卡片模式只能一行四个,列表模式一行一个,今天我们就尝试一下用代码来改变它的样式!最近发现很多站长朋友在问这个,趁今天有时间更新一下。

相关图片:

教程如下:

代码投放:网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式

/*<a target="_blank" href="https://www.wmr7.com/tag/%e6%96%87%e7%ab%a0" title="View all posts in 文章">文章</a>卡片排列X5 */
@media (min-width: 769px) {
    .posts-item.card {
        width: calc(20% - 16px);
    }
}

括号里的数值可以自己定义,不难理解就是控制卡片&列表宽度用的。这个根据自己的页面情况需求修改就好! 需要多个列表修改百分比即可,5个=20%以此类推

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。