步骤一:子比主题美化–文章列表显示修改列表[一行两个]卡片[一行五个]
/*文章列表排列X2*/
@media (min-width: 1500px) {
.posts-item {
display: inline-flex;
width: calc(50% - 16px);
height: 180px;
}
}
/*卡片列表标题*/
.tab-content>.active {padding: 0px 10px;} /*边距*/
.index-tab ul>li.active { height: 40px;width: 100%;background: var(--muted-bg-color);border-radius:10px 10px 0px 0px;margin: 0;padding:8px 20px; } /*盒子标题样式背景*/
.index-tab ul>li.active a {color: var(--key-color)!important;font-weight:bold;vertical-align:text-top;} /*标题字体样式*/
.posts-item.card .item-heading {min-height: 0;} /*文章标题盒子高度修改*/
上面的代码直接复制到CSS里面:网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式
步骤二:外观–小工具–首页-主内容下面
添加每个分类的:Zibll文章列表(新)
步骤三:文章列表–列表显示配置:缩略图长宽比例50%
步骤四:全站页面宽度调成1500px,默认是1200px
👋 感谢您的观看!
© 版权声明
THE END