【问题标题】:How to change colour for breadcrum nav bar from purple to #d6df23 in php如何在php中将面包屑导航栏的颜色从紫色更改为#d6df23
【发布时间】:2017-07-31 18:15:38
【问题描述】:

我正在尝试更改下方栏的颜色 (https://www.milnerbrowne.com/manufacturing-solutions/)

面包屑导航栏

如何将颜色改为黄色?

我尝试编辑头文件,但它不起作用...有什么想法吗?

【问题讨论】:

  • 试试 .breadcrumbs { 背景:黄色 !important };在包含所有 css 后的标题中

标签: php html css wordpress custom-wordpress-pages


【解决方案1】:
style.css line:5854

.breadcrumbs {
    padding: 16px 0;
    background: #92278f; <-- change this.
    color: #fff;
    font-size: 0.875em;
}

注意。我不确定您的主题是否使用 SASS,但如果是,您需要更改 SASS 文件而不是编译后的 CSS。

【讨论】:

    【解决方案2】:

    如果您希望在 PHP 中更新样式,则必须使用内联样式来实现颜色更改。不建议这样做,因为如果您将来尝试在 CSS 中更改它,您最终会受到整个世界的伤害。

    您需要找到面包屑导航代码在代码中的位置,然后添加如下内容:

    <div class="breadcrumbs" style="background-color: yellow;">
    

    正如@alex-thomas 所提到的,更改背景颜色的更安全的方法是使用 CSS。

    .breadcrumbs {
        background-color: yellow;
        ...
    }
    

    【讨论】:

      【解决方案3】:
      add_action('wp_head', 'wh_BreadcrumbsCSS');
      
      function wh_BreadcrumbsCSS()
      {
          ?>
          <style type="text/css">
              .breadcrumbs {
                  background: #d6df23;
              }
          </style>
          <?php
      }
      

      代码进入您的活动子主题(或主题)的 function.php 文件中。或者也可以在任何插件 php 文件中。

      希望这会有所帮助!

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2018-02-06
        • 1970-01-01
        • 1970-01-01
        • 2019-11-13
        • 1970-01-01
        相关资源
        最近更新 更多