Riprov2主题美化:会员内页加优惠通知条
我的会员中心增加滚动优惠通知条,促进客户下单。
效果如下:
通知文件:
将下载的通知文件解压,把notee.php放置到:你的域名/wp-content/themes/ripro-v2/文件夹下
代码修改:
找到:你的域名/wp-content/themes/ripro-v2/pages/user/vip.php
在38行添加如下代码:
<?php include (TEMPLATEPATH . '/notee.php'); ?>
<br>
刷新网页即生效。这时上下边距不对称,不好看,我们优化下我的会员页面的排版布局
- 更改代码,缩小开通会员文字说明部分的上下空白:
你的域名/wp-content/themes/ripro-v2/assets/css/app.css,找到第86行,更改如下:
ul, ol, dl {
margin: 10px 0;
padding-left: 30px;
}
接着搜索.card-footer,找到第7748行,更改如下:
.card-footer {
padding: 1.2rem 1.5rem;
background-color: #fff;
border-top: .0625rem solid rgba(231, 234, 243, .7)
}
- 更改代码,修改我的套餐上下左右边距值
你的域名/wp-content/themes/ripro-v2/assets/bootstrap/css/bootstrap.min.css,搜索.p-4,修改其下边距值如下:
.p-4{padding:1.5rem!important} //原始值
.p-4{padding:1.5rem 1.5rem 0.2rem 1.5rem!important}
修改完成,刷新下app.css及bootstrap.min.css的CDN缓存即可