B2主题美化-主题页脚美化

修改前

修改后

操作方案

B2PRO主题版本：3.3.93

打开子主题文件中的 b2child/style.css，在style.css中添加以下代码
根据自己需要修改

/*
* 页脚美化
*/
@media screen and (max-width: 768px) {
.site-footer-nav .wrapper .footer-links {
display: none!important;
}
.footer-bottom {
width:auto!important;
background: none!important;
}
}
.site-footer-nav {
background-color: #121212!important;
}
.site-footer-nav .wrapper .footer-links {
margin-top: 0px;
margin-bottom: 0px;
}
.footer-links {
font-size: 12px;
/*color: #4f4f4f;*/
line-height: 2;
margin: 0 -.5em 20px;
word-break: keep-all;
border:none;
justify-content: none;
padding: 20px 0px;
display: block;
}
.footer-links ul li a:hover {
color: #acacac;
}
.footer-links ul:before {
content:'友情链接：';
line-height: 3em;
}
.footer-bottom {
padding: .5em 1.5em;
width: 800px;
margin: 0 auto;
border-radius: 5px;
background: #000;
height: auto;
margin-bottom: 20px;
color: #545454;
}

测试ok后，再上生产环境