个性化阅读
专注于IT技术分析

CSS:如何删除WordPress主题上的边框

我正在使用适用于Wordpress的Brunch Pro主题, 并且在主页上以及边栏中每个小部件的下方看到一个1px边框。我想摆脱那些。

你可以在这里看到我的网站。我试图在样式表中编辑这些行, 但没有得到结果:

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

一定有些我不懂的东西。这个主题将我所有的帖子加载到小部件区域, 这是我不习惯的。有人可以帮我吗?


#1


你的style.css文件仍然显示为底边:1px实心#eee ;, 确定更改已提交吗?

你最好在网站的”外观”>”定制程序”>”其他CSS”部分中添加以下内容:

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

#2


在你的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;
}

to

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

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

#3


尝试设置边框:无;

如果被WordPress覆盖, 请按以下步骤进行操作:border:none!important;

赞(0)
未经允许不得转载:srcmini » CSS:如何删除WordPress主题上的边框

评论 抢沙发

评论前必须登录!