Autumn Pro 修改顶部导航条样式

导航条不够醒目,鼠标移动到上面没有变色,感觉辨识度不高,适当的修改了下,鼠标悬停增加背景色橘色。子菜单悬停加了个背景色,方便区分。

使用方法:
下面这段代码加在系统 外观>自定义>额外css 中,保存更新即可,不影响原有主题样式

/* 修改navbar */
.navbar {
    height: 68px; 
    margin-top: 2px;
}
#menu-primary li:hover{
    border-bottom: 1px solid #ff9d00;   
    margin-top:0px;
}
#menu-primary a:hover{
    color: #ff9d00;
}
#menu-primary .sub-menu li:hover{
    border-bottom: 0px;
      background-color: #eeeeee;
}
.navbar .nav-list>.menu-item>a:hover{
    line-height: 68px;
}

大吉猫

记录自己使用过的软件,学习过的资料,还有可能对大家有用的东西

相关推荐

1 条评论

  1. 采用了,还不错。哈哈哈

微信扫一扫,分享到朋友圈

Autumn Pro 修改顶部导航条样式