首页 视频课程 WordPress开发文档文章格式类型与评论 评论样式
会员300元,登录后自助购买

评论样式

2020-11-01 / 3829阅

本视频需要登录以后才能播放

登录

WordPress会有一个默认的评论功能,如果你直接开启评论功能。那么样式可能和你的主题不和谐,这时你需要自己编写你的CSS样式。

本视频介绍样式的添加方法,希望网友把你自己的编写的样式共享出来。我这里将就写了一点点样式,仅供参考。

.youran_comment{
       //background: #eee;
       padding:20px;
}
#comments{
       line-height:40px;
}
.comment-author{
       border-bottom:1px solid #ddd;
       height:28px;
}
.comment-author a{
       background: #00b9eb;
       color:#fff;
       padding:5px 10px;
}
.says{
       display:none
}
.comment-body{
       position:relative;
       border-top:1px solid #ddd;
       margin:5px 0;
       padding:10px;
}
.comment-body p{
       text-indent: 0;
}
.comment-meta{
       position:absolute;
       right:0;
       top:8px;
       color:#999;
       text-align: right;
}
.comment-meta a{
       color:#999
}
.reply{
       text-align: right;
}
.comment-reply-link{

       color:#00b9eb;
} 

我这里只是简单写了列表的样式,如下图:

阅读文章或者观看视频过程中有任何问题,请下方留言或者联系我Q248758228

大家谈论
    我的见解
    目录