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缓存即可

发表评论

后才能评论