B2主题页脚美化

效果

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;
}

放到子主题的style.css里面即可!

给TA买糖
共{{data.count}}人
人已赞赏
技术教程

B2主题美化之logo增加扫光效果

2021-7-23 12:48:53

技术教程

94设计素材网模块标题

2021-12-16 11:58:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索