子比主题美化 – 文章列表显示自定义修改,列表[一行两个]卡片[一行五个]

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

相关图片:

图片[1]--建站源码_小程序源码_主题模板下载子比主题美化 – 文章列表显示自定义修改,列表[一行两个]卡片[一行五个]--建站源码_小程序源码_主题模板下载阿七源码

教程如下:

代码投放:网站后台 -> 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%以此类推

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容