B2主题页脚美化 - WordPress美化

优化B2主题的底部显示

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

效果演示

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

代码

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

怎么在复制文字时展示提示框? - WordPress教程

2020-2-20 22:01:18

WP教程

wordpress教程 - 正在执行例行维护,请一分钟后回来

2020-3-3 20:32:02

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