Wordpress 二十七自定义页眉样式标签答案

【问题标题】：Wordpress twenty seventeen custom header style tagWordpress 二十七自定义页眉样式标签
【发布时间】：2017-05-02 02:37:56
【问题描述】：

在我的网站上除主页之外的所有页面上，以下是一个示例：http://www.pantsdownrecords.com/discography/，我遇到的问题是自定义标题。在客户标题 div 元素中，它显示：“div class=”custom-header”，紧随其后的是一个样式标签，添加了 82px 的 margin-bottom。我查看了所有模板页面，甚至是我现在正在运行的几个插件，但找不到添加此样式标签的位置。因为它是一个样式标签，所以我不能用 CSS 覆盖它，因为样式标签优先。由于此页边距底部存在，因此在某些页面上我什至看不到页脚，因为页面无法滚动到底部。

有人可以帮我指出这个问题的正确方向吗？非常感谢所有帮助，

谢谢

【问题讨论】：

标签： php html css wordpress wordpress-theming

【解决方案1】：

在这个文件中 - http://www.pantsdownrecords.com/wp-content/themes/twentyseventeen/assets/js/global.js?ver=1.0

在adjustScrollClass() 函数下。您可以在 CSS 中使用 !important 覆盖内联样式。您应该谨慎使用该功能，但如果您需要覆盖内联样式，它会起作用。

【讨论】：

【解决方案2】：

您可以在notepad++ 中打开更多文件，如果要查找特定字符串，可以使用Find in all open documents 进行搜索。

您可以使用CSS 更改此设置，方法是对特定元素使用!important，或使用javascript 或jQuery 检查您遇到问题的页面并设置特定样式。

CSS：

.custom-header { margin-bottom: 0px !important")

JavaScript：

var winURL = window.location.href;
if(winURL == "http://www.pantsdownrecords.com/artists/") {
   document.getElemetsByClassName("custom-header")[0].style.margin = "0px 0px 0px 0px";
}

jQuery:

var winURL = window.location.href;
if(winURL.indexOf("artist")) {
  $(".custom-header").css("margin","0px");
}

【讨论】：