首页文章列表卡片模式自定义修改显示文章数量

教程
代码路径:后台 >> 全局&功能 >> 自定义代码 >> 自定义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
喜欢就支持一下吧
点赞6赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容