Anzhiyu主题修复：首页顶部相关配置左右两边平分

February 21, 20241 分钟阅读57 次阅读

首页顶部相关配置原始样式:
安知鱼主题的首页顶部的相关配置是左边大右边小，如图

首页顶部相关配置修改样式:
假如我们想要像图片所示的让左右两边各占50%，你可以按照如下所示教程修改

创建[themes]/source/css/custom/top-home.css文件，在其中添加如下内容：

css

/*首页顶部相关配置修复*/
@media screen and (min-width: 768px) {
  div#bannerGroup{
    width: calc(50% - .05rem) !important;
  }
  .topGroup{
    width: calc(50% + 1.5rem) !important;
  }
  .topGroup .recent-post-item{
    width: calc(96% / 3 + .06rem) !important;
  }
  .topGroup .todayCard{
    width: calc(100% - .5rem) !important;
  }
}

最后记得不要忘记将这个css引入到自己的网站里