WordPress站点CSS修改求助：隐藏缩略图代码影响首页及博客图片

嘿，这个问题我碰到过好多次——你之前用的全局CSS规则把所有页面的.entry-thumbnail元素都隐藏了，这就是首页和博客首行图片消失的原因！咱们只需要把样式的作用范围缩小到出问题的那个页面，就能两全其美啦。

方法一：仅隐藏目标页面的拉伸横幅 #

步骤1：找到目标页面的专属标识 #

打开https://capetownvegan.com/eateries-by-suburb/页面，右键空白处选择「检查」（Inspect）：

• 在开发者工具的Elements面板里，找到最顶部的<body>标签，查看它的class属性，里面会有类似page-id-xxx（xxx是页面ID数字）或者page-slug-eateries-by-suburb的专属类名（WordPress会自动为每个页面生成这类标识）。

步骤2：修改CSS代码 #

把你原来的全局规则替换成仅针对该页面的规则：
比如如果找到的body类是page-id-123，就用：

.page-id-123 .has-post-thumbnail .entry-thumbnail { 
  display: none; 
}

如果想更灵活（不用记页面ID），可以用slug匹配的属性选择器：

body[class*="eateries-by-suburb"] .has-post-thumbnail .entry-thumbnail { 
  display: none; 
}

方法二：修复横幅拉伸（更优方案） #

如果你不想隐藏横幅，而是想让图片正常显示不拉伸，试试这个CSS：

/* 仅修复目标页面的横幅图片拉伸问题 */
body[class*="eateries-by-suburb"] .has-post-thumbnail .entry-thumbnail img {
  object-fit: cover; /* 保持图片比例，裁剪超出容器的部分 */
  width: 100%;
  height: auto; /* 也可以设置固定高度，比如 height: 300px; 按需调整 */
}

这个方法会让图片按原始比例适应容器，不会被拉伸变形，同时保留横幅的展示效果。

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