子比主题美化-修改首页每行显示文章数量
最近更新 2025年08月30日
资源编号 20598

子比主题美化-修改首页每行显示文章数量

2025-08-30 模板/主题 0 991
郑重承诺丨易购码提供安全交易、信息保真!
增值服务:
免费 🐴币
VIP折扣
    折扣详情
  • 活动永久套餐

    免费

  • 月卡VIP会员

    免费

  • 季卡VIP会员

    免费

  • 年卡VIP会员

    免费

  • 永久VIP会员

    免费

开通VIP尊享优惠特权
立即下载 升级会员
详情介绍

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

用来修改子比主题主页文章数量显示的,可以改成5篇或者其他的

用过子比主题的都知道,首页列表卡片模式只能一行四个,列表模式一行一个,今天我们就尝试一下用代码来改变它的样式。
子比主题美化-修改首页每行显示文章数量

代码路径:后台 >> 全局&功能 >> 自定义代码 >> 自定义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);
}
}

括号里的数值可以自己定义,不难理解就是控制列表宽度用的。这个根据自己的页面情况修改就好。

找了很多的教程,都不太好用,这个实测是可以的,在 后台 >> 全局&功能 >> 显示&布局 >> 布局宽度,设置好宽度,不然容易受底部时间显示模块产生错位现象。

在 后台 >> 文章&列表 >> 文章列表 >> 列表多图显示 中不要设置任何分类显示多图展示,不然也会发生错位。

  • 1.本站所有资源均来源于用户分享和网络收集,如有目的请联系站长!
  • 2.分享目的供大家学习和交流,您必须在下载后24小时内删除,不得商业用途,不得违反国家法律。否则后果自负!
  • 3.本站提供的资源不保证100%完整;不提供技术服务,请大家谅解!
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

易购码-在线源码商城 模板/主题 子比主题美化-修改首页每行显示文章数量 https://www.ygma.cn/%e5%ad%90%e6%af%94%e4%b8%bb%e9%a2%98%e7%be%8e%e5%8c%96-%e4%bf%ae%e6%94%b9%e9%a6%96%e9%a1%b5%e6%af%8f%e8%a1%8c%e6%98%be%e7%a4%ba%e6%96%87%e7%ab%a0%e6%95%b0%e9%87%8f

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 9:00—21:00在线 专业服务