CorePress主题美化之彩色快捷按钮

效果如图中框选中

免费版的放在主题的style.css文件，pro放在子主题即可！
注：本站大部分css来源于阿曼君博客！

css代码如下：

:root{--theme-color:#f04494;--focus-shadow-color:rgba(240,68,148,.4);--mian-max-width:1200px;}
.menu-footer-list {
	display: inline-block;
	border-radius: 4px;
	text-shadow: none;
	font-size: 12px;
	color: #fff !important;
	line-height: 15px;
	margin-bottom: 5px;
}
.menu-footer-list .menu-item a {
	color: #fff !important;
	font-size: 13px;
}
.menu-footer-list .menu-item{
	display: inline-block;
	background-color: #4d4d4d;
	padding: 4px 4px 4px 6px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	margin-right: 5px;;
}

.menu-footer-list li:nth-child(6n+1) {
	background-color: #4dc820;
}
.menu-footer-list li:nth-child(6n+2) {
	background-color: #8833d7;
}
.menu-footer-list li:nth-child(6n+3) {
	background-color: orange;
}
.menu-footer-list li:nth-child(6n+4) {
	background-color: #e91515;
}
.menu-footer-list li:nth-child(6n+5){
	background-color: #007ec6;
}
.menu-footer-list li:nth-child(6n) {
	background-color: #e323c2;
}

#menu-footer-nav li:hover {
  transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

html代码

代码中名称以及链接修改成自己的，还有代码中开头和结尾的p标签删除就行了！