WordPress（Aeonblog主题）页面标题背景及导航栏颜色修改求助

1. 修改页面标题背景色 #

如果之前的.header、.page_header选择器无效，大概率是优先级不足或目标元素类名匹配错误。尝试以下高优先级规则，将#your-green-hex替换为你网站的主题绿色十六进制值：

/* 全局页面标题背景覆盖（适配首页、文章页、独立页面） */
body .site-header .page-header {
    background-color: #your-green-hex !important;
    /* 如需调整标题文字颜色，添加此行 */
    color: #fff !important;
}

若仍不生效，按下F12打开浏览器开发者工具，选中页面标题区域，查看元素实际类名，替换代码中的对应选择器即可。

2. 修改面包屑导航（Home > Blog）样式 #

面包屑导航通常使用.breadcrumbs类，用以下代码统一颜色风格：

/* 面包屑容器背景色 */
.breadcrumbs {
    background-color: #your-green-hex !important;
}
/* 面包屑文字与链接颜色 */
.breadcrumbs a, .breadcrumbs span {
    color: #fff !important;
}
/* 面包屑分隔符颜色 */
.breadcrumbs .separator {
    color: #e6e6e6 !important;
}

注意事项 #

• 替换#your-green-hex为你实际使用的主题绿色值（例如#27ae60）
• 若规则被其他CSS覆盖，可通过开发者工具的Styles面板查看被划掉的规则，进一步提升选择器优先级（比如增加html body前缀）
• 将代码添加到主题的自定义CSS面板（WordPress后台「外观-自定义-额外CSS」），不要直接修改主题核心文件，避免主题更新时丢失修改

内容的提问来源于stack exchange，提问作者verhe