RiPro主题标题美化增加作者发布时间等

Ripro主题默认的文章标题很单调,这样虽然很简洁但是看着舒适不舒服,所以,今天为大家带来美化版的ripro主题文章页标题样式美化教程,先看下成品图:

图片[1]-RiPro主题标题美化增加作者发布时间等-99资源网
第一步:
如果是RiPro主题,请在后台顶部设置添加自定义CSS。


/*文章标题优化*/
.sjblog-avatar {
width: 50px;
float: left;
}
.sjblog-avatar img {
float: left;
width: 50px;
border-radius: 50%;
margin-right: 20px;
}
.sjblog-tgroup{
padding-left: 66px;
padding-bottom: 20px;
border-bottom: 1px solid #f5f5f5;
margin-bottom: 20px;
}
.article-content .entry-header .entry-title{
padding-bottom:0;
margin-bottom: 0;
border-bottom: none;
}
.sjblog-name {
display: block;
font-size: 13px;
color: #cdcdcd;
}
.sjblog-name a{
color: #cdcdcd;
}
.sjblog-name a:hover{
color: #2756fc;
}
.sjblog-time {
margin-left: 20px;
}
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论