Blocksy 主题菜单背景改为白色的完整教程

Blocksy 主题菜单背景改为白色的完整教程
方法一:使用 Blocksy 自带的自定义器(推荐,无需代码)
进入 WordPress 后台 → 点击 外观 → 自定义 (Customize)
在左侧面板找到 Header (页眉) → 点击进入 Navigation (导航) 设置
找到 Background (背景) 选项:
点击颜色选择器,将颜色改为 纯白色 (#ffffff)
若有透明度滑块,将其拉到 100%(完全不透明)
点击 发布 (Publish) 保存设置,刷新前台即可看到效果
方法二:添加自定义 CSS(适合更精细控制)
如果主题自带选项不够用,可以通过以下 CSS 代码实现:
进入 WordPress 后台 → 外观 → 自定义 → 额外 CSS (Additional CSS)
粘贴以下代码:
css
/* 主菜单导航栏背景设为白色 */
.ct-header-navigation {
background-color: #ffffff !important;
}

/* 菜单文字颜色(可选,设为深色保证可读性) */
.ct-menu-item > a {
color: #222222 !important;
}

/* 菜单悬停效果(可选) */
.ct-menu-item > a:hover {
color: #007cba !important;
}
点击 发布 (Publish) 保存
方法三:针对 Blocksy 页眉构建器(Header Builder)
如果你的 Blocksy 版本使用了 Header Builder:
进入 外观 → 自定义 → Header (页眉) → 点击 Header Builder
找到包含菜单的行(通常是 Row 1 或 Main Row)
点击该行的设置图标(⚙️)→ 在 Background 中选择白色
若需要单独设置菜单区域背景,可在菜单模块的设置中单独修改

打赏
使用hostinger的服务器,用第三方邮箱需要DNS修改
上一篇
Blocksy 主题url链接中的products改为shop方法
下一篇

发表评论

注册不是必须的

外贸网站推荐服务器

文章列表
Kimi苏格拉底式提问法-Al
AI仿写文章指令
AI英文文献阅读指令:
正确使用AI提问,获得满意答案
Blocksy 主题菜单背景改为白色的完整教程
yoast seo插件详细安装使用及代码片段变量列表说明
生成中...
二维码标题