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

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

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

 

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

 

代码部署

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

  1. /** 修改关于本站css**/
  2. .about-img {
  3.     text-aligncenter;
  4.     backgroundurl(https://wx2.sinaimg.cn/large/0066LGKLly1fjvq3dc19uj309q02sa9y.jpg) center center no-repeat;
  5.     background-size: cover;
  6.     height120px;
  7.     border-radius:8px;
  8.     margin: -10px -15px 30px;
  9. }
  10. .about-img img {
  11.     floatnone;
  12.     border1px solid #ddd;
  13.     border-radius: 50%;
  14.     padding0px;
  15.     heightauto;
  16.     text-aligncenter;
  17.     width120px;
  18.     margin30px 0 0 0;
  19. }
  20. .about-name {
  21.     text-aligncenter;
  22.     font-size16px;
  23.     positionrelative;
  24.     displayblock;
  25. }
  26. .about-name {
  27.     font-size16px;
  28.     font-weight: 700;
  29. }

 

效果图如下:

 

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

 

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

 

 

若文章图片、下载链接等信息出错,请在评论区留言反馈,博主将第一时间更新!如果喜欢,请打赏支持本站,谢谢大家!
  • 我的QQ
  • QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin

发表评论

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

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

    • 明月登楼 明月登楼 0 来自天朝的朋友 河南省南阳市 联通

      不错,这个代码好!收藏了先!