【问题标题】:Wordpress child theme causes padding changes without modificationsWordpress 子主题在不修改的情况下导致填充更改
【发布时间】:2014-05-18 01:47:43
【问题描述】:

Stewartside 帮助我使用 JQuery 为我的网站上的主导航创建特定功能(再次感谢!)。我创建了一个子主题来将更改添加到我的 header.php 文件中,它已经开始导致奇怪的布局更改。我的主页应该有 20px 的填充,这不是特殊的 CSS 修改,但子主题会自动删除它。我网站上的其他页面不会发生这种情况,只有主页。我还添加/删除了 jquery 代码以确保这不是问题;子主题的 style.css 文件只有“子主题”编码,没有修改过的 CSS。

首页:http://bostonirishclothing.com 关于我们:http://bostonirishclothing.com/about-us

有什么会导致这个吗?

【问题讨论】:

    标签: css wordpress themes padding


    【解决方案1】:

    为您的浏览器获取 Firebug 插件(在 Chrome 和 Firefox 上可用)。然后右键单击导致问题的部分,您可以看到编码和所有相关的 CSS 函数,包括它们所在的文件(到所选部分)。它还将显示与另一个相比,哪个 CSS 功能被优先考虑。然后您可以修改功能或添加新功能以使其工作。

    一种肮脏的做事方式是使用!important,但只能谨慎使用,因为它可能会与其他页面发生冲突。避免这种情况的一种简单方法是使 CSS 函数例如 .entry-content { color:#fff; } 变为 .post-x .entry-content { color:fff!important; }

    测试一下。 Firebug 在编辑 CSS 时提供了惊人的帮助。您甚至可以在 firebug 本身中进行一些测试。

    【讨论】:

    • 感谢您的提示。我一直在使用 Chrome 的“检查元素”工具,但我会给 Firebug Lite 一个机会。到目前为止,我还没有发现任何问题;我想知道是否需要在子主题中放置特定的 PHP 或 JS 文件。到目前为止,我在子主题中只有 style.css 和 header.php。
    • 我添加了一些左右填充,这给了我想要的外观。我仍然认为我需要添加代码有点奇怪。
    • 某些东西可能与特定的 css 函数发生冲突。是因为它不能正常工作,还是因为你觉得这是一种肮脏的做法?
    • 抱歉,我使用“wonky”这个词是因为我必须将代码添加到我的子主题中,以使其像原始/父主题一样。
    猜你喜欢
    • 2018-03-18
    • 1970-01-01
    • 2015-07-30
    • 1970-01-01
    • 2022-01-02
    • 2016-02-07
    • 1970-01-01
    • 2011-06-13
    • 1970-01-01
    相关资源
    最近更新 更多