CSS: 如何去除 Wordpress 主题的边框

Question

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

你可以看到我的网站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;
}

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

Answer 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;
}

Answer 2

尝试设置 border: none;

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

Answer 3

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

您最好只在外观 > 定制程序 > 附加 CSS 您网站的部分：

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

CSS: 如何去除 Wordpress 主题的边框

CSS: How to remove borders on Wordpress theme

css

wordpress

wordpress-theming

genesis