WordPress子比主题美化备份

步骤一:子比主题美化–文章列表显示修改列表[一行两个]卡片[一行五个]

/*文章列表排列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
喜欢就支持一下吧
点赞0 分享