如何在php中将面包屑导航栏的颜色从紫色更改为#d6df23

Posted

技术标签:

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

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

面包屑导航栏

如何将颜色改为黄色?

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

【问题讨论】:

试试 .breadcrumbs 背景:黄色 !important ;在包含所有 css 后的标题中 【参考方案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 文件中。

希望这会有所帮助!

【讨论】:

以上是关于如何在php中将面包屑导航栏的颜色从紫色更改为#d6df23的主要内容,如果未能解决你的问题,请参考以下文章

当用户在表格视图中向下滚动时,如何将 UINavigationBar 背景颜色从透明更改为红色

在 Appdelegate 中设置后如何更改导航栏的色调?

在 Bootstrap 上更改导航栏的颜色 [重复]

如何在导航控制器中将过渡动画从底部更改为顶部?

以编程方式更改标签栏和导航栏的颜色

如何在 ggplot 等值线图中将 NA 颜色从灰色更改为白色?