Ripro v2美化折腾记四之我的会员内页加优惠通知条

我的会员中心增加滚动优惠通知条,促进客户下单。

效果如下:

通知文件:

来源:默认网盘 | 提取码:PVol

将下载的通知文件解压,把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 1.5rem 0.2rem 1.5rem!important}

其原始值是:

.p-4{padding:1.5rem!important}

修改完成,刷新下app.css及bootstrap.min.css的CDN缓存即可,不会刷新的请移步:《WordPress改完css样式不生效怎么办?刷新CDN缓存一招搞定

版权声明:
作者:老刘
链接:https://winmac.cn/ripro-v2-mh4.html
来源:老刘的部落格
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>
文章目录
关闭
目 录