教程
代码路径:后台 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式
卡片模式X5
/*首页文章卡片排列X5*/
@media (min-width: 992px){
.fluid-widget .card, .site-layout-1 .card {
width: calc(20% - 16px);
}
}
卡片模式x6
/*首页文章卡片排列X6*/
@media only screen and (min-width: 1500px){
.posts-item.card {
width: calc(15.000% - -3px);
}
列表模式x2
/*首页文章列表排列X2*/
@media (min-width: 1500px) {
.posts-item {
display: inline-flex;
width: calc(50% - 16px);
}
}
括号里的数值可以自己定义,不难理解就是控制列表宽度用的。这个根据自己的页面情况修改就好。 找了很多的教程,都不太好用,这个实测是可以的,
在 后台 >> 全局&功能 >> 显示&布局 >> 布局宽度,设置好宽度,不然容易受底部时间显示模块产生错位现象。 在 后台 >> 文章&列表 >> 文章列表 >> 列表多图显示 中不要设置任何分类显示多图展示,不然也会发生错位。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END










![[亲测]子比主题网站悼念模式:实现网站变灰教程-穷奇资源网](https://003.u.sm213.com/wp-content/uploads/2025/10/20251007213929320-20251007213929283886.webp)






暂无评论内容