WordPress B2主题页脚美化

释放双眼,带上耳机,听听看~!

优化B2主题的底部显示

您可以添加以下代码到主题的style.css文件底部,即可优化您的页脚内容。

效果演示

WordPress B2主题页脚美化插图

代码

/*
* 页脚美化
*/
@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;
}

人已赞赏
网站建设

WordPress添加小工具-简约客服中心

2020-11-6 0:37:57

网站建设

WordPress有效拦截和过滤垃圾评论,字数验证,必须包含中文

2020-11-10 9:51:23

⚠️
二进制笔记上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 service@2binarys.com 或点击右侧 私信:0xCaner 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索