一 介绍
如题所示,没改样式之前是这样的:
改了样式之后显示的效果是这样的:
关于这个样式的修改是在一位朋友的帮助下找到了其定义的文件,然后他又给了我参考代码,真的非常感谢。我做的仅仅只是把颜色替换成我自己还算满意的颜色而已
二 修改样式
这个样式文件定义在主题下的style.css文件中,更具体的说是“.footer-tag a”这一段,找到这一段样式定义然后替换成我下面的样式即可
.footer-tag a {background-color: #FF7F27;box-sizing: border-box;color: #fff;display: inline;font-size: 12px;height: auto;line-height: 10.5px;padding-bottom: 3px;padding-left: 7.2px;padding-right: 7.2px;padding-top: 3px;text-align: center;vertical-align: baseline;white-space: nowrap;width: auto;}.footer-tag a:nth-child(2){background-color: #00A2E8;}.footer-tag a:nth-child(3){background-color: #A349A4;}.footer-tag a:nth-child(4){background-color: #ED1C24;}.footer-tag a:nth-child(5){background-color: #B5E61D;}.footer-tag a:nth-child(6){background-color: #22B14C;}.footer-tag a:nth-child(7){background-color: #B97A57;}.footer-tag a:nth-child(8){background-color: #7F7F7F;}.footer-tag a:nth-child(9){background-color: #FFF200;}.footer-tag a:nth-child(10){background-color: #7092BE;}.footer-tag a:hover {cursor:pointer;}.footer-tag a.space{background-color: #BCBCBC;}.footer-tag a:before { content: "#";}.footer-tag a:hover { background: #999;}
时间: 2024-10-13 10:22:48