WordPress网站B2主题评论框添加图片背景

WordPress网站B2主题评论框添加图片背景


WordPress网站B2主题评论框添加图片背景

1. 评论背景图

WordPress网站B2主题评论框添加图片背景

WordPress网站B2主题评论框添加图片背景

WordPress网站B2主题评论框添加图片背景

WordPress网站B2主题评论框添加图片背景

WordPress网站B2主题评论框添加图片背景

2.设置教程

修改方法很简单,一般是通过修改主题的“style.css”文件来完成,当然有些可能是“main.css”。我们只需找到评论框样式的代码,然后修改即可。

(1)评论框id或class

右键审查元素——找到评论框所使用的id或者class,以下图为例,就是comment

WordPress网站B2主题评论框添加图片背景

(2)加入评论框背景

然后打开您的主题style.css文件,找到comment,在后面插入如下代码:

/*添加评论背景*/
background-image:url(images/commentbg.png);
background-repeat:no-repeat;
background-position:center center;

类似下图

 

(3)B2主题

通用主题的设置方法在上面,以下分享的WordPress网站B2主题评论框添加图片背景是b2主题的设置方法(不同点就在评论框的ID或class)

WordPress网站B2主题评论框添加图片背景

主题style.css文件底部添加以下代码即可:

声明:本站部分文章来源于网络,如有危害到您的合法权益请联系客服

给TA打赏
共{{data.count}}人
人已打赏
7b2WP美化

WordPress侧栏访客IP签名欢迎图小工具制作教程

2022-5-9 6:00:26

7b2WP技术

WordPress主题程序设置外链重定向go页面美化教程代码分享

2022-5-12 20:23:53

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索