无法移除h1元素

时间:2016-08-01 20:56:48

标签: html css wordpress

我有这个网站http://webr.hol.es/,在我的滑块下有一个<h1>home </h1>。我想删除它。我找到了css类并删除了,但在此之后,当我进入我的博客部分时,我再也看不到我的博客标题了。你能告诉我一种方法来访问整个HTML,就像我使用inspect元素一样吗?

我想给它一个额外的类和远程那个类。但我无法找到它的位置。我需要一个插件来查看我的网站代码,就像我在inspect元素中看到的那样,或者是一个提示,可以帮助我找到源代码中该元素的位置。

3 个答案:

答案 0 :(得分:1)

很难告诉您在HTML中找到H1标签的位置,而不知道您使用的CMS类型及其主题。如果您未使用CMS,则可以在代码编辑器中打开Web根目录,然后搜索/替换<h1 class="title-post">Home</h1>

否则,将其添加到您的CSS:

.title-post { display:none !important; }

请在帖子中添加更多信息,这样您就不必使用此功能(诚然)。

答案 1 :(得分:0)

这是一个WordPress网站,因此很可能没有h1标记,您可以在每页基础上删除或编辑。它内置于PHP模板中。即使你找到它,你的方法也不理想。黑客攻击模板应该是最后的手段,并且只能通过不影响核心模板文件的覆盖来完成。

在管理面板中查找选项以显示或隐藏该页面的标题。如果可以的话,将页面类添加到该页面并选择这样的元素(可能只有一个h1元素):

.some-page-class h1 {}

答案 2 :(得分:0)

您可以添加以下CSS规则:

.page-id-13 h1 { display: none; }

该页面的页面ID(如浏览器的开发者工具所示,应该是Wordpress自动分配的唯一),与h1标签结合使用,防止该页面(并且仅在该页面上) )待显示。

添加:如果不起作用,请添加&#34;!important&#34;,例如display: none !important;。但是,当我在浏览器中的开发人员工具中尝试使用它时,它没有用。