淘宝店铺导航栏背景颜色如何设置？方法介绍
每一个店铺都会有一个导航条，可以帮助买家更快更方便的找到自己想要的宝贝，那么在装修导航条的时候，有卖家朋友想要改变颜色来搭配店铺的整体风格，但是又不知道怎么修改?所以今天小编带着解决方法来了!
1、进入卖家中心，点击“店铺装修”，即可进入装修界面。将鼠标放置导航条位置，即可出现编辑按钮，点击“编辑”
2、进入编辑界面后，会出现两个选项，“导航设置”和“显示设置”，“导航设置”就是如下图所示添加或删除导航条的内容，或者将某一项上移或下移。在此重点讲解一下“显示设置”
3、导航条的“显示设置”是通过一些固定的代码来实现设置的。在此我们设置一个导航条的导航条背景色为绿色，首页/店铺动态背景色为白色，首页/店铺动态右边线为墨绿色，首页/店铺动态文字颜色蓝紫色，所有分类背景色牡丹红，所有分类右边线青铜色，所有分类文字颜色黄色。
当然这个搭配肯定不会美观的，只是举这么个例子。给位可以根据自己的喜好和美观来搭配颜色。规定好颜色之后，就可以把以下代码编辑到“显示设置”的输入框内。点击“确认”即可完成设置。其中/**/内的文字为注释文字，不影响代码内容。
淘宝店铺装修导航条已经修改好颜色了，那其它分栏条怎么自定义颜色?
新建一个淘宝自定义模板自己写代码就可以了，把你2处位置的那块代码复制进自定义内容区，然后换个背景图或者背景颜色就Ok了。导航条可以自己定义颜色的，但是需要使用到CSS代码!
先编辑好代码后，再直接安装到店铺导航条中的“显示设置”中!
下面是导航条的颜色修改的代码，你只需要修改红色部分的代码，红色部分就是显示的颜色：
/*导航条背景色*/
.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}
/*首页/店铺动态背景色*/
.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}
/*首页/店铺动态右边线*/
.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd.menu-list.menu.title{color:#ff0000}
/*所有分类背景色*/
.all-cats.link{background:nonerepeatscroll00#00ad08;}
/*所有分类右边线*/
.all-cats.link{border-right:1px#006205solid;}
/*所有分类文字颜色*/
.skin-box-bd.all-cats.title{color:#ff0000}
代码可以直接复制，很方便，只需要修改成自己想要的颜色就可以~如果还是不能解决你的问题，可以直接留言咨询，有大神会帮你解决!想要了解更多网店装修相关的内容，可以关注，好玩有趣的资讯在等着你哦。
相关文章
-
淘宝店铺如何设置导航条(关于淘宝店铺导航条设置的注意事项)
下面是针对这一问题，了6个常见的疑问与答案。,这样不只能够让导航条愈加凸显，方便用户寻觅，还能够节省页面空间，让更多的商品展示在页面上。,一般来说，淘宝店肆导航条应该包含“首页”、“新品上市”、“热门出售”、“限时扣头”、“店肆分类”等常见内容，针对性强的也能够设置自己店肆独有的导航内容，以便为用户供给更多的挑选。
2024-03-14 16:25 -
淘宝导航条和自定义缝隙该如何设置和去除？
卖家用户需要先进入到卖家中心界面，将自己店铺的宝贝分类设置好之后，再来操作淘宝导航条的设置，在进行导航条设置之前还需要卖家提前规划好自己的店铺需要植入哪些频道内容。,计划好之后，卖家需要进入到店铺装修界面，选择操作的端口是电脑端还是无线端的展示设置，以PC端为例选择完成之后，进入到首页设置选项，点击装修页面后会出现新的界面，在这里就有店铺首页的版面布局以及进行板块分类和图片上传。,这里就是大家进行
2024-03-22 06:57 -
淘宝导航栏颜色怎么改?教程在此！
在此我们设置一个导航条的导航条背景色为绿色，首页/店铺动态背景色为白色，首页/店铺动态右边线为墨绿色，首页/店铺动态文字颜色蓝紫色，所有分类背景色牡丹红，所有分类右边线青铜色，所有分类文字颜色黄色。,当然这个搭配肯定不会美观的，只是举这么个例子。,规定好颜色之后，就可以把以下代码编辑到“显示设置”的输入框内。
2024-03-20 11:02 -
淘宝c店怎么全屏装修?店招装修步骤
点击右上角的卖家中心，在左侧菜单栏找到-店铺管理-店铺装修，在店招区域双击或者点击编辑进入编辑状态，将制作完成的店招传入图片空间导入进来。,要先勾选自定义招牌，店招大小950*120，导入后检查-保存，左上角-装修-样式管理，左上角点击背景设置，页面设置所有页面，页头背景色设置与店招导航栏颜色一致，可以复制图片到ps然后吸色，这样颜色就一样了。,由950宽可点击区域店招区+左右两侧页头背景+导航条
2024-03-20 10:58 -
淘宝导航条背景色怎么改?步骤分享
3、将淘宝装修代码黏贴到编辑框中，选择确定。,如果你还是不喜欢以上的颜色，这样可以修改background:#后面的数字，颜色代码可以去百度找到，具体搜索颜色css代码。,在此我们设置一个导航条的导航条背景色为绿色，首页/店铺动态背景色为白色，首页/店铺动态右边线为墨绿色，首页/店铺动态文字颜色蓝紫色，所有分类背景色牡丹红，所有分类右边线青铜色，所有分类文字颜色黄色。
2024-03-20 10:57 -
淘宝导航栏颜色怎么改？淘宝导航栏如何设置？
添加进来的分类最终是否会在导航条显示呢?我们可以验证一下。,CSS代码大家可以在百度上搜索，这里我就不提供了。,将复制后的代码粘贴到显示设置中，并确定。
2024-03-18 10:31