知更鸟主题“关于本站”小工具头像的居中布局美化

一点优化
一点优化
一点优化
478
文章
49
评论
2019年12月27日18:36:00
评论
784看 523字

关于知更鸟主题“关于本站”小工具中头像的居中布局美化工作,其实比较简单,一段CSS代码就可以搞定。代码来源【朱曙明的博客】,感谢作者提供!
美化方法,将下面样式代码添加主题选项→定制风格,“自定义样式”中。

/** 修改关于本站css**/
.about-img {
text-align: center;
background: url(http://imgs.zhushuming.cn/wp-content/uploads/2017/09/20170906100932100.jpg) center center no-repeat;

background-size: cover;
height: 120px;
margin: 0px 0 40px 0;
}
.about-img img {
width: 120px;
height: auto;
margin: 35px 0px 0 92px;
padding: 2px;
border-radius: 50%;
border: 2px solid #f8f8f8;
}
.about-name {
font-size: 16px;
font-weight: 700;
text-align: center;
}

 修改后效果
知更鸟主题“关于本站”小工具头像的居中布局美化修改前效果
知更鸟主题“关于本站”小工具头像的居中布局美化

  • SEO话题
  • 这是我的QQ群扫一扫
  • weinxin
  • wp开发交流
  • 我的QQ交流群扫一扫
  • weinxin
wordpress搭建站中站(栏目站)教程 基础建站教程

wordpress搭建站中站(栏目站)教程

wordpress如何搭建栏目站?也就是我们所说的站中站。wordpress因为文章数据库表单只有一个,所以一般会比较卡,当然也有一些SEO站长因为站中站权重比较集中,所以使用站中站的方式做优化,还有...
如何修改WordPress数据库前缀 WP综合教程

如何修改WordPress数据库前缀

之前有一点优化有出一个分布式缓存的教程,但是那个分布式缓存会导致多个网站在一个服务器下面,数据库相同表前缀导致出现错误,所以这里一点优化在这边出三个WordPress修改表前缀的方法,分别是插件,安装...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: