B2主题页脚美化 – WordPress美化

优化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;
}
图酷网温馨提示:

1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:group@tucool.cn,我们将第一时间处理!

2.素材所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。

3.所有素材仅限于参考和学习,版权归原作者所有,更多请阅读图酷网络服务协议。

给TA打赏
共{{data.count}}人
人已打赏
设计教程

美食水彩插画教程详解(附专用笔刷)

2021-12-23 16:38:12

精选教程

LOGO扫光特效 – WordPress美化教程

2022-1-4 16:57:32

⚠️
版权声明:图酷网所提供的文章、教程等内容均为用户发布整理而来,仅供学习参考,。
若您的权利被侵害,请联系站长 QQ: 57143067 或 点击右侧 私信:图酷V 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧