百牧博客自定义样式

小牧 1人参与 0 次点击



小牧对Muiteer主题是非常喜爱的,因为个人爱好原因,对其添加了个性化样式,若有喜欢的同志,可以拿来借鉴。

同时,若您也有自己的样式,页欢迎分享。

我的自定义样式:

根据需要,将以下代码放置于子主题的style.css文件底部即可:

/*给图片添加阴影效果*/
.entry-content img{
box-shadow:rgba(0,0,0,0.5) 0 0.625rem 1.125rem;
}
/*菜单居中,去下划线*/
.m-overlay-menu a{
text-align: center;
border-bottom: none !important;
}
/*菜单距顶部*/
.m-overlay-menu{
  padding-top: 50px;
}
/*顶部菜单栏的高(变矮)*/
#site-header.sticky{
  padding: 10px 0;
}
/*顶部菜单栏距顶部距离*/
#site-header{
  margin-top: 36px;
}
/*底部内容距底部距离*/
#site-footer{
  padding-bottom: 70px;
}
/*侧边栏按钮放右边*/
.m-site-sidebar-header .m-site-sidebar-title .close
{
    left: 90%;
}
/*音乐播放器内框美化*/
.aplayer{
  border-radius: 0.8rem;/*圆角*/box-shadow: rgba(0,0,0,0.3) 0 0.625rem 1.125rem;/*阴影*/
}
/*博文页功能框减小*/
.m-qucik-button{
  padding: 2px 10px;
}

Muitter主题美化