CSS问题：如何从WordPress中的图像中删除边框答案

【问题标题】：CSS question: how to remove the border from an image in WordPressCSS问题：如何从WordPress中的图像中删除边框
【发布时间】：2013-12-27 02:11:05
【问题描述】：

我想从 WordPress 中的图像中删除边框。

这是最新的默认主题（二十一？）

在关于此的另一个问题中，我看到一个指向页面的链接，该链接说要更改“边框宽度”值。所以我搜索了“border-width”并将 px 值更改为“0”，但这并没有成功。

我是初学者，所以如果可能的话，简单的步骤会有所帮助。例如。 "将 this 更改为 this" 或 "add this in this place in the css"

我要去掉边框的图片是本页底部的签名：http://richardclunan.com/

在靠近页面顶部的照片周围还有一个边框，我可以保留或删除该边框。如果我摆脱它，那么我可能会为图像本身添加一个边框，如果它更容易摆脱css中的所有边框。

谢谢，理查德

【问题讨论】：

你可以控制 style.css 和图片的 html 吗？
我知道在我的 ftp 中去哪里找到 style.css，我可以编辑它。我不知道在哪里可以找到 html - 我需要弄清楚，但我确实拥有所有访问权限。
进入管理面板“页面”下的主页，将代码编辑为 HTML。
我看不到在哪里编辑 HTML——如果我转到“页面”，我会看到：skitch.com/richardclunan/fxi5f/dreamweaver——我来对地方了吗？
那么主页可能是在主题的某处硬编码的。尝试在主题编辑器中检查名称中带有index 或home 的页面。

标签： css border

【解决方案1】：

你可以改变

border: 1px solid #DDD;

到

border: 0;

@style.css 第 935 行

但这会影响该样式的所有图像。

如果您不希望这样，您可以为图像添加一个额外的类，例如no-border 并添加：

#content .no-border { border: 0; }

在您的样式表中

【讨论】：

也感谢您提供每张图片的方法。我发现 wordpress 界面没有提供更简单的方法来禁用图像边框，这很糟糕。如果你问我，有点错误。

【解决方案2】：

您可以通过更改 style.css 中的 this 规则（第 935 行）来摆脱所有边框

#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: 1px solid #ddd;
    padding: 6px;
}

到

#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
    border: 0;
    padding: 6px;
}

或者您可以在图像上内联样式（参见 mopsled 的帖子）

【讨论】：

【解决方案3】：

.gallery a img {border: 0 !important; }

【讨论】：