有很多站长在使用Chevereto的时候,总觉得顶部菜单栏影响美观,如果变成透明或者毛玻璃风格会好看很多,但是在后台没有相关的设置,研究了一下发现只要修改一个CSS文件就能很好的解决。

打开peafowl.min.css
打开/content/legacy/themes/Peafowl/lib/peafowl.min.css



改为毛玻璃效果
搜索.top-bar::before,.top-sub-bar::before{width:100%;

在末尾添加
background-color: rgba(0, 0, 0, 0);
加完的效果如下
.top-bar::before,.top-sub-bar::before{width:100%;height:calc(100% + .5px);position:absolute;content:" "; background-color: rgba(0, 0, 0, 0);}


改为全透明效果
搜索.top-bar::before,.top-sub-bar::before{width:100%;height:calc(100% + .5px);position:absolute;content:” “;}
删除中间的
height:calc(100% + .5px); 最终结果为 .top-bar::before,.top-sub-bar::before{width:100%;position:absolute;content:" ";}


点赞(70) 打赏

评论列表 共有 3 条评论

admin 6年前 回复TA

完全赞同这样的说法,欢迎提供你的意见或建议。

admin 6年前 回复TA

@admin 每个人都应该来尝试下的产品。

admin 6年前 回复TA

看起来的确很疯狂,很值得一试。谁让他们创造了一款人们可以使用的产品,与当今世界上大多数其他消费类产品不同。

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部