我需要从我网站特定网页 中删除垂直滚动条
http://historyofliverpool.com/test-2/
该页面由许多php和css文件组成,我不知道从哪里开始编辑,也不想改变网站的其余部分。
此页面上的自定义字段是否只能解决我的问题? 任何帮助非常感谢。
答案 0 :(得分:0)
我在样式表中找不到任何overflow: hidden
。
请试试这个:
.fullscreen {
overflow: hidden;
}
答案 1 :(得分:0)
轻松移除滚动条;您只需将overflow:hidden
应用于body
选择器。
真正的挑战是删除正确页面上的滚动条。这样做有快速而肮脏的方法,但是我们要花时间看看这个:
您似乎正在使用Anglepane theme.因为这是一个商业主题,我建议您在进行任何更改之前先create a child theme。这样,当Anglepane主题更新时,它不会删除您的编辑。
下一步是确定并选择您希望更改应用的页面。 WordPress具有方便的body_class()
功能,可以将CSS类添加到body
元素,使您可以逐页地轻松添加样式。现在看来你的主题不是使用这个功能;所以你应该通过以下方式添加这个功能:
header.php
文件从父主题文件夹复制到您的子主题文件夹,以便进行编辑body
标记,然后改变它:
<body <?php body_class( $class ); ?>>
一旦你添加了body_class()
功能,你会发现你的body
元素会有一堆你可以使用的类;其中一个是页面ID,前缀为.page-id-
。您现在可以为CSS使用该类名。例如,如果您的目标网页的ID为3,则可以使用:
.page-id-3 {
overflow:hidden;
}
虽然这有效,但我个人喜欢使用页面模板来定位特定于页面的样式。其中一个好处是它可以避免不同环境之间不匹配的页面ID。例如,我可能想要更改 about 页面的背景颜色,其id为4:
.page-id-4 {
background:red; // Works as long as the page ID is definitely 4
}
这在我网站的本地副本上效果很好,但在实际网站上我的 about 页面的ID为24.我通过专门为我的<创建page template来避免这种情况em> about 页面。这样我就可以使用page-template
选择器,这在两种环境中都是一致的:
.page-template-about {
background:red; // Now I work everywhere
}
希望能够为您详细说明所有内容。