B2主题公告弹窗美化代码分享
.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 2022-10-122楼 -
鲸的末年 2022-10-133楼
-
dddd 2022-10-144楼
-
Zacharyzzzkk 2022-10-145楼
-
13883024885 2022-10-146楼
-
Crockan 2022-10-147楼
-
980126 2022-10-148楼
-
zzzz0109zzzz 2022-10-149楼
-
2386204944 2022-10-1410楼
-
白之殇 2022-10-1411楼
-
失真 2022-10-1412楼
-
lookgre 2022-10-1413楼
-
a6964281 2022-10-1414楼
-
cyw27411310 2022-10-1415楼
-
kkne 2022-10-1416楼
-
934199258 2022-10-1417楼
-
空空彡 2022-10-1418楼
-
ty 2022-10-1419楼
-
locke 2022-10-1420楼