CSS：如何删除 Wordpress 主题的边框答案

【问题标题】：CSS: How to remove borders on Wordpress themeCSS：如何删除 Wordpress 主题的边框
【发布时间】：2018-11-29 23:43:35
【问题描述】：

我正在为 Wordpress 使用 Brunch Pro 主题，并且在主页上的每个整体下方以及侧边栏中的每个小部件下方都看到一个 1 像素的边框。我想摆脱那些。

你可以看到我的网站here。我试图在样式表中编辑这些行，但没有得到任何结果：

.featured-content .entry {
  border-bottom: 1px solid #eee;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.sidebar .widget {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

一定有什么我不明白的地方。这个主题将我所有的帖子加载到一个小部件区域，这不是我习惯的。有人可以帮我解决这个问题吗？

【问题讨论】：

我看不到边框。可以发截图吗？ :) 编辑：我看到小部件下方的边框不是条目。
嗯，我看不到在此处发布屏幕截图的方法 :(
使用编辑器中的第 6 个图标。
你在 /wp-content/themes/brunch-pro/style.css @ line 1111 试过了吗？

标签： css wordpress wordpress-theming genesis

【解决方案1】：

在你的styles.css中改变

.featured-content .entry {
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.sidebar .widget {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 40px;
}

到

.featured-content .entry {
    border-bottom: 0;
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.sidebar .widget {
    border-bottom: 0;
    margin-bottom: 20px;
    padding-bottom: 40px;
}

【讨论】：

但她说她已经编辑了这些。这可能是缓存问题。
是的，我已经这样做了。我检查了多个浏览器，它仍然显示。

【解决方案2】：

尝试设置border: none;

如果它被 WordPress 覆盖，请这样做：border: none !important;

【讨论】：

嗯，这似乎仍然没有做任何事情。
您应该避免使用轻浮的!important; 声明。导致问题的选择器不够具体，不足以保证这一点，WP 本身并没有触及它们，只是 style.css 文件中的两个选择器。
euhm，她说每个小部件和每个条目都应该足够具体。是的，我同意，你最好避免使用!important，但有时真的没有其他解决方案。

【解决方案3】：

您的style.css 文件似乎仍显示border-bottom: 1px solid #eee;，您确定更改已提交吗？

您最好在网站的外观 > 定制器 > 附加 CSS 部分添加以下内容：

.sidebar .widget,
.featured-content .entry {
    border-bottom: 0;
}

【讨论】：

当我进入编辑器更改代码时，它似乎正在保存我的更改，但我现在就试一试。
我可以看到style.css 文件有一个缺少的行，其中边界声明是用于.featured-content .entry {，（第1112 行）但它似乎没有对sidebar .widget { 进行相同的更改（第 1859 行）。尽管作为注释，您应该小心使用外观编辑器（尤其是在编辑 PHP 文件时，而不是那么多 CSS 文件时）。通常对于“每个站点”的 CSS 更改，您最好使用自定义样式表或使用定制器。很高兴为您提供帮助！