WordPress TwentyEleven主题头部Logo过大问题求助

针对你的问题，给你几个可行的解决方向：

• 用更高优先级的CSS规则强制覆盖
  你之前写的#branding img可能被主题里更具体的CSS规则覆盖了，试试用更精准的选择器直接指定目标尺寸：

  #branding .custom-logo {
    width: 476px;
    height: 83px;
    object-fit: contain; /* 避免图片拉伸变形 */
  }
  

  把这段代码加到style.css文件末尾，或者直接用WordPress后台的「外观->自定义->额外CSS」面板添加，后者不用修改主题核心文件，更安全。

• 检查主题自带的Logo设置面板
  很多WordPress主题会在「外观->自定义」里提供专门的Logo尺寸调整选项，直接在可视化界面里设置尺寸比改代码更高效，先确认你的主题有没有这个功能。

• 排查functions.php里的图片尺寸定义
  如果你的主题在functions.php里用add_image_size定义了Logo缩略图尺寸，那CSS设置会被生成的缩略图尺寸覆盖。找到类似这样的代码：

  add_image_size( 'custom-logo', 200, 50, true );
  

  把参数里的尺寸改成476和83，然后用「Regenerate Thumbnails」插件重新生成所有图片缩略图，主题调用的就会是正确尺寸的Logo了。

• 用浏览器开发者工具定位生效规则
  按F12打开浏览器开发者工具，选中Logo图片元素，查看「样式」面板里的CSS规则——灰色的是被覆盖的，黑色的是当前生效的，找到控制尺寸的那条规则，再针对性写CSS去覆盖它。

内容的提问来源于stack exchange，提问作者Eplenide