B2主题公告弹窗美化代码分享
1000
42
.gg-box .modal-content {
width: 28rem;
overflow: hidden;
}
.gg-box-title .gg-title {
width: 100%;
text-align: center;
padding: 0 !important;
}
.modal-content .gg-title {
padding: 20px 30px 0px 30px;
}
.modal-content .gg-title a {
font-size: 18px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
display: block;
}
.gg-title a:hover {
text-decoration: none;
}
.modal-content .gg-desc {
padding: 20px 30px;
font-size: 15px;
letter-spacing: 0.5px;
}
.modal-content .gg-desc p {
color: #909399;
}
.modal-content .gg-box-title h2 {
font-size: 22px;
margin-bottom: 0;
text-align: center;
}
.gg-box-title .gg-title span {
font-size: 14px;
color: rgba(255, 255, 255, 0.5);
}
.title-bg {
border: 0;
}
.gg-button a {
border: 0;
display: inline-block;
padding: 8px 12px;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.5px;
-webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, 0.3);
box-shadow: 0 5px 10px 0 rgba(16, 110, 253, 0.3);
}
使用方法
在子主题的<body>添加一个ID，id=”nuandao” 如下图所示：
然后把上面的美化代码复制到子主题的style.css文件，就大功告成了！
刀云免责声明
1、帖子原作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任。
2、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责。
3、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意。
2、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责。
3、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意。
签名：这个人很懒，什么也没有留下！
-
2331233342 3月前2楼 -
鲸的末年 3月前3楼
-
dddd 3月前4楼
-
Zacharyzzzkk 3月前5楼
-
13883024885 3月前6楼
-
Crockan 3月前7楼
-
980126 3月前8楼
-
zzzz0109zzzz 3月前9楼
-
2386204944 3月前10楼
-
白之殇 3月前11楼
-
失真 3月前12楼
-
lookgre 3月前13楼
-
a6964281 3月前14楼
-
cyw27411310 3月前15楼
-
kkne 3月前16楼
-
934199258 3月前17楼
-
空空彡 3月前18楼
-
ty 3月前19楼
-
locke 3月前20楼