ripro主题自带的全站弹窗是纯文本的，就想着稍微美化一下，下面是效果图

教程开始：

第一步：添加以下代码到css,注意修改图片链接

/*弹窗*/
.notify-content {
    background-image: url(https://www.52ji.cn/wp-content/themes/ripro-child/img/1.jpg);
    background-size: cover;
    height: 753px;
    width: 100%;
}
.notify-content h3 {
    padding: 150px 0 0 0;
    font-weight: bold;
    background: top;
    color: #9c85fa;
}
.notify-content div {
    padding: 100px 30px 30px;
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    color: #9389fb;
    text-align: center;
    line-height: 30px;
}
@media (max-width: 768px) {
    .notify-content {
        height: 100%;
    }
  .notify-content h3 {
    padding: 100px 0 0 0;
    font-size: 16px;
}
.notify-content div {
    padding: 50px 30px 30px;
    font-size: 14px;
    line-height: 25px;
}

第二步：后台基本设置

1、开启全站弹窗公告

2、全站弹窗公告-标题填写公告标题

3、内容添加如下代码，注意群链接

此处内容已隐藏，请评论后刷新页面查看.

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

文章版权声明 1、本网站名称：99源码屋
2、本站永久网址：https://www.99yiz.com
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ2180266进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END