wordpress从特定页面中删除滚动条

时间:2015-01-17 12:12:34

标签: php css wordpress scrollbar

我需要从我网站特定网页 中删除垂直滚动条

http://historyofliverpool.com/test-2/

该页面由许多php和css文件组成,我不知道从哪里开始编辑,也不想改变网站的其余部分。

此页面上的自定义字段是否只能解决我的问题? 任何帮助非常感谢。

2 个答案:

答案 0 :(得分:0)

我在样式表中找不到任何overflow: hidden

请试试这个:

.fullscreen {
    overflow: hidden;
}

答案 1 :(得分:0)

轻松移除滚动条;您只需将overflow:hidden应用于body选择器。

真正的挑战是删除正确页面上的滚动条这样做有快速而肮脏的方法,但是我们要花时间看看这个:

儿童主题

您似乎正在使用Anglepane theme.因为这是一个商业主题,我建议您在进行任何更改之前先create a child theme。这样,当Anglepane主题更新时,它不会删除您的编辑。

识别页面 - body_class()

下一步是确定并选择您希望更改应用的页面。 WordPress具有方便的body_class()功能,可以将CSS类添加到body元素,使您可以逐页地轻松添加样式。现在看来你的主题不是使用这个功能;所以你应该通过以下方式添加这个功能:

  1. header.php文件从父主题文件夹复制到您的子主题文件夹,以便进行编辑
  2. 找到body标记,然后改变它:
  3. <body <?php body_class( $class ); ?>>

    识别页面 - ID与模板

    一旦你添加了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 }

    希望能够为您详细说明所有内容。