RiPro6.4美化 · 主题侧边栏增加加群美化小工具

RiPro6.4美化 · 主题侧边栏增加加群美化小工具

  • 最近更新2020年04月20日
购买后看不见下载地址请刷新页面,无法下载请联系客服QQ732591682微信wojiazhudahai

第一步:

找到后台-外观-小工具-自定义HTML并将以下代码整体复制进去并保存,标题自定义:

<section class="mobanweb-jiaqun">
<div class="mobanweb-jiaqun-small">
<p>虚拟交易网I 分享技术教程、精品源码<br> 共同学习,共同进步,共同成长!</p>
<a href="这里添加你的Q链接或者群链接" class="btn mobanweb-jiaqun-btn-on" uk-toggle=""><i class="iconfont icon-qq"></i>QQ交流群</a>
<div class="helper-thumb">
<img src="这是为图片链接" alt="xuni66.com">
</div>
</div>
</section>

第二步:

找到wp-content/themes/ripro/assets/css/diy.css并将以下代码整体复制进去或者添加至RiPro主题设置-自定义CSS样式代码

/*WZZTI侧栏加群小工具*/
.mobanweb-jiaqun h5 {
font-size: 16px;
line-height: 1.4;
}
.mobanweb-jiaqun-small {
padding: 15px;
}
.mobanweb-jiaqun p {
max-width: 80%;
}
.mobanweb-jiaqun {
letter-spacing: .5px;
}
.mobanweb-jiaqun .btn {
font-size: 13px;
}
.mobanweb-jiaqun .btn i {
margin-right: 3px;
}
.mobanweb-jiaqun .helper-thumb {
position: absolute;
right: 0;
bottom: 0;
}
.mobanweb-jiaqun-btn-on {
color: #fff;
background: #2c63ff!important;
box-shadow: 0 3px 10px -1px #2c63ff!important;
border: 0;
}
/*WZZTI侧栏加群小工具*/

分享到 :
相关推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注