如何调整WordPress插件博客社交分享组件上下边距及去掉横线？

前面跟大家分享了『WordPress博客主题JianYue完美契合博客社交分享组件』一文，这样一来使用JianYue主题建立的站点也有了打赏、点赞、微海报和分享功能。不过该插件默认的样式有点不太好，如上下边距太大还不一致，而且上面还有一条横线。具体如下图所示：

对于有点强迫症的站长来说，还是希望该组件上下文边距一样，上面的那条横线也希望去掉，那么应该怎么做呢？其实，我们只需要修改该插件的CSS代码即可。具体操作如下：

1、登录进入WordPress后台 - 插件 - 插件文件编辑器（Plugin File Editor）- 选择要编辑的插件中选择“博客社交分享组件”并点击【选择】按钮 - 点击assets/wbp_donate.css文件。

2、在assets/wbp_donate.css文件中找到以下代码：

.wbp-cbm {
margin-top: 50px;
padding-top: 50px;
padding-bottom: 30px;
border-top: 1px solid var(--baseBgColor,#ebebeb);
text-align: center;
font-size: 0;
clear: both;
}

修改为：

.wbp-cbm {
padding-top: 10px;
padding-bottom: 20px;
text-align: center;
font-size: 0;
clear: both;
}

即可。修改之后的具体效果如下图所示：

修改后的效果是不是比原来的效果要好一些相对紧凑一些？当然，这只是一种修改的思路，大家也可以根据自己站点的实际情况来进行调整。

您可能感兴趣的文章

• 老午博客正式使用免费响应式WordPress博客主题JianYue
• 适合新手博主站长使用的免费响应式WordPress博客主题JianYue
• 一个完全的新人怎么搭建自己的个人网站？
• 建立一个个人博客网站需要多少钱？
• 个人网站能盈利吗？个人网站怎么去盈利？
• Google Adsense如何屏蔽VPN广告?亲测有效
• 个人博客怎么赚钱，如何做到月收入1万+
• 个人博客网站用什么建站程序比较好？