常见问题:ECJia到家:到家H5端如何修改页面主色调

什么是主色调

主色调就是在众多色调中，以一种色调为主的色调。通俗来讲，就是在一个网站中，使用的最多的颜色,可以参考下面的图片。在到家 H5 中，主色调为绿色，十六进制的颜色代码为 #47aa4d 。

如何修改

Step1：使用浏览器打开到家 H5 网站

使用浏览器（推荐谷歌浏览器）打开到家 H5端网站，格式为：http://你的域名/sites/m

Step2：浏览器打开开发者工具

一般按 F12 就可以打开开发者工具，或者依次点击设置-更多工具-开发者工具打开

• 如图所示打开浏览器的开发者工具

• 一些基本设置

Step3：使用审查元素功能查找代码

点击开发者工具中的审查元素按钮查找对应的 css 样式代码

• 先点击审查元素按钮，然后选中需要修改颜色的区域，可以看到右侧会有对应的 css 样式文件代码与主色调色值

• 复制下来的 css 文件路径为：http://daojiainstall/sites/m/content/themes/h5/css/ecjia_city.css，然后需要修改的色值代码在 443 行（行数在上面图片中的右侧会有注明）。

Step4：服务器端修改代码

• 进入服务器中的到家系统目录下，按照这个路径找到该文件：sites/m/content/themes/h5/css/ecjia_city.css

• 找到 443 行，修改该区域的颜色，可以在类似网站查找自己喜欢的色值：http://www.atool.org/colorpicker.php

• 修改后的效果

Step5：清除缓存并测试

清除缓存后访问网页进行测试

• 进入ECJia的平台后台，点击【控制面板】-【更新缓存】，然后再次访问 H5网站进行查看测试