Anzhiyu主题修复:首页顶部相关配置左右两边平分
白夜首页顶部相关配置原始样式:安知鱼主题
的首页顶部的相关配置是左边大右边小,如图
首页顶部相关配置修改样式:
假如我们想要像图片所示的让左右两边各占50%,你可以按照如下所示教程修改
创建[themes]/source/css/custom/top-home.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引入到自己的网站里