【问题标题】:custom css styles from (within - inside) wordpress dashboard来自(内部 - 内部)wordpress仪表板的自定义css样式
【发布时间】:2015-02-04 20:34:22
【问题描述】:

我希望从 wordpress 内部的仪表板中编辑 css 样式如果可能的话,不必编辑 php 文件。

我知道至少可以编辑一些属性,所以我希望我可以直接在仪表板中编辑所有属性。

更具体 如何更改自定义类的链接和子菜单的 css 状态?例如 a:active、a:hover、a:link 等...以及自定义 css 的所有子菜单?

我包含这些图片是为了向您展示我正在尝试做的事情以及目前的结果。

我在 WORDPRESS 中的自定义菜单

WordPress 内部的自定义 CSS

结果

【问题讨论】:

  • 我认为如果你在它之后设置一个 !important ,那么它可能会起作用。如 color:#1c61ff !important;
  • 可能有助于检查特定元素以调查它从哪里继承 color: 样式?前段时间,我观看了在 WP 中创建登录页面的视频。那个很酷的人完全使用!important 属性来自定义样式)))
  • 我认为最软的方法是鼓起勇气编辑header.php将custom.css的链接放在默认WP style.css的链接下方
  • 因此尝试使用调试控制台检查元素(在 chrome 中使用 Shift+Ctrl+I)。可能是具有内联样式属性的项目,其优先级高于 css 文件中的样式
  • 感谢您的提示。我正朝着正确的方向前进。

标签: php css wordpress stylesheet dashboard


【解决方案1】:

我花时间提供更多细节,以感谢多年来我在 stackoverflow 上获得的所有帮助,同时也为那里的新手提供更多信息。我们都在学习。

这是在图片中起作用的

  1. 我使用 Firefox 并使用“INSPECT ELEMENT”。在页面上,我单击了左键,然后从下拉菜单中选择了 INSPECT ELEMENT。

  1. 然后我点击了 PICK AN ELEMENT 图标,如图所示,然后我将鼠标悬停在我想要编辑的元素上,在本例中是菜单中的一个按钮。这给了我需要编辑的课程。

  2. 我在 WordPress 中进入了我的仪表板,并对代码进行了此更改。最后我得到了我正在寻找的结果,我也将其包含在同一张图片中。

虽然我还没有弄清楚如何编辑子菜单,但我相信我走在正确的轨道上并且会弄清楚的。

希望这对某人有所帮助。 :)

【讨论】:

    猜你喜欢
    • 2012-08-01
    • 2017-12-29
    • 2011-07-29
    • 2013-07-14
    • 2023-03-23
    • 2019-12-21
    • 2013-03-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多