子比主题首页文章列表卡片模式自定义修改

用过子比主题的都知道,首页列表卡片模式只能一行四个,列表模式一行一个,今天我们就尝试一下用代码来改变它的样式!

卡片模式 x5

代码路径:后台 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式

/*首页文章卡片排列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);
  }
}

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

温馨提示: 本文最后更新于2023/03/21 14:10:54若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 共2条

请登录后发表评论

    请登录后查看评论内容