B2主题公告弹窗美化代码分享
1939
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、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意。
签名：这个人很懒，什么也没有留下！
-
ghb493432775 2022-11-1443楼 -
Sakamoto 2022-11-1442楼
-
411403106636 2022-11-1441楼
-
love520218 2022-11-1440楼
-
111111 2022-11-1439楼
-
wosrnje 2022-11-1438楼
-
ggccyh 2022-11-1437楼
-
longhun1000 2022-11-1436楼
-
yiduguang 2022-11-1435楼
-
shiguibin 2022-11-1334楼
-
珍惜 2022-11-1233楼
-
大兔子 2022-11-932楼
-
jiangahuai 2022-11-731楼
-
lry19890910 2022-11-330楼
-
dj123459696 2022-10-2029楼
-
sktinghx 2022-10-2028楼
-
555250 2022-10-2027楼
-
刷子 2022-10-2026楼
-
kkne 2022-10-2025楼
-
AS741 2022-10-1924楼