Question

我正在构建此Online Shop，我需要移除围绕导航的两个边框。我已经尝试在主题选项中将颜色更改为白色，但是整个页面中的所有其他边框也会改变颜色。所以最简单的方法就是删除它们，但我真的不知道如何删除它们。

有什么建议吗？我甚至找不到上述边框的类名。

我可以通过后端轻松地为主题添加自定义CSS。

Answer 1

你主题中的问题所有边框都有相同的颜色，尝试分离边框的样式，这个部分是appart。您需要在CSS文件中找到该位置

//change the color (line 22 and 40)
#header.skin3 #nav {
    border-bottom-color: #C38D67;
    border-top-color: #C38D67;
}

// or remove borders (line 1095)
#header.skin3 #nav {
    border-top: none;
    border-bottom: none;
}

Firefox中的开发工具：我在firefox中使用了开发工具来选择导航，它返回与div导航链接的CSS（包括边框），这样更容易找到CSS文件中的正确位置（在您的情况下为第22行和第40行）。同样存在于chrome中，在其他浏览器中我确定并且它非常有用。

Answer 2

您可以添加以下类：

#nav {
   border: none;
}

这只会影响您的导航，同时保持在页面上任何其他位置应用任何边框。

如果您希望为导航添加不同的边框（不影响页面上的任何其他元素），您可以按如下方式修改上述代码：

#nav {
   border: 1px solid green;
}

您可以将其添加到自定义CSS文件中。

希望这有帮助!!!

Answer 3

我在style.css

中找到了这个

#header.skin3 #nav{
width: 100%;
text-align: center;
padding: 10px;
border-top: 1px solid;
border-bottom: 1px solid;
}

导航栏上有一个顶部和底部边框，所以如果您刚删除了顶部和底部边框，导航栏周围的线条将会消失

如何在WordPress主题中删除div（nav，footer，无论如何）周围的边框？

3 个答案: