Question

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

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

由于

Answer 1

如果要查找特定字符串，可以在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");
}

Answer 2

此文件中的内容 - http://www.pantsdownrecords.com/wp-content/themes/twentyseventeen/assets/js/global.js?ver=1.0

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

Wordpress二十七个自定义标题样式标记

2 个答案: