B2主题首页专题改4列显示

🤖 由 星火认知大模型 生成的文章摘要
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结
B2主题首页专题改4列显示

效果图

首先专题样式必须是上图下文才能改
B2主题首页专题改4列显示

原版的一行只能显示两列,超过两列就会自适应换行,如果设置的首页显示4个专题那么就会占用大量的屏幕空间,通过CSS把每列改成25%即可

/*首页专题*/
.collection-box .collection-item {
    width: 25%;
}

如果只添加上面的代码在手机端浏览又会非常拥挤,所以就还需要添加下列代码:

/*移动端专题美化*/
@media screen and (max-width: 768px){
   .collection-item {
    width: 100% !important;
    padding: 0 !important;
}
}
文章作者:阿库
文章链接:https://akau.cn/7956.html
温馨提示:本文最后更新于2024-04-28 ,如有错误或者已经失效,请留言告知。
版权声明:本站所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明来自:阿库笔记

给TA打赏
共{{data.count}}人
人已打赏
建站笔记

B2主题首页添加最新用户注册显示模块

2024-4-28 21:58:25

建站笔记

B2主题文章页添加最后更新提示

2024-4-28 23:18:48

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索