知更鸟Begin主题侧边栏“关于本站”美化代码——WordPress美化

2018年2月2日16:25:13 1 6,553
摘要

近来很少发布关于WordPress美化方面的博文，今天就关于知更鸟Begin主题侧边栏的小工具“关于本站”美化代码，分享给大家。

 

知更鸟Begin主题侧边栏“关于本站”美化代码——WordPress美化

 

代码部署

将下面样式代码添加主题选项→定制风格，在“自定义样式”中：

  1. /** 修改关于本站css**/
  2. .about-img {
  3.     text-align: center;
  4.     background: url(https://wx2.sinaimg.cn/large/0066LGKLly1fjvq3dc19uj309q02sa9y.jpg) center center no-repeat;
  5.     background-size: cover;
  6.     height: 120px;
  7.     border-radius:8px;
  8.     margin: -10px -15px 30px;
  9. }
  10. .about-img img {
  11.     float: none;
  12.     border: 1px solid #ddd;
  13.     border-radius: 50%;
  14.     padding: 0px;
  15.     height: auto;
  16.     text-align: center;
  17.     width: 120px;
  18.     margin: 30px 0 0 0;
  19. }
  20. .about-name {
  21.     text-align: center;
  22.     font-size: 16px;
  23.     position: relative;
  24.     display: block;
  25. }
  26. .about-name {
  27.     font-size: 16px;
  28.     font-weight: 700;
  29. }

 

效果图如下：

 

知更鸟Begin主题侧边栏“关于本站”美化代码——WordPress美化

 

（2019.4.12）说明：最新版知更鸟Begin主题已经支持头像居中显示，本博客不再使用此CSS。

 

 

若文章图片、下载链接等信息出错，请在评论区留言反馈，博主将第一时间更新！如果喜欢，请打赏支持本站，谢谢大家！

发表评论

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

目前评论：1   其中：访客  0   博主  0

    • 明月登楼 明月登楼 0 来自天朝的朋友 河南省南阳市 联通
      回复 2018年2月2日 16:34  沙发

      不错，这个代码好！收藏了先！