优化B2主题的底部显示
您可以添加以下代码到主题的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;
}
漂亮👍
😥