淘宝店铺导航栏背景颜色如何设置?方法介绍

  每一个店铺都会有一个导航条,可以帮助买家更快更方便的找到自己想要的宝贝,那么在装修导航条的时候,有卖家朋友想要改变颜色来搭配店铺的整体风格,但是又不知道怎么修改?所以今天本站小编带着解决方法来了!

  1、进入卖家中心,点击“店铺装修”,即可进入装修界面。将鼠标放置导航条位置,即可出现编辑按钮,点击“编辑”

  2、进入编辑界面后,会出现两个选项,“导航设置”和“显示设置”,“导航设置”就是如下图所示添加或删除导航条的内容,或者将某一项上移或下移。在此重点讲解一下“显示设置”

  3、导航条的“显示设置”是通过一些固定的代码来实现设置的。在此我们设置一个导航条的导航条背景色为绿色,首页/店铺动态背景色为白色,首页/店铺动态右边线为墨绿色,首页/店铺动态文字颜色蓝紫色,所有分类背景色牡丹红,所有分类右边线青铜色,所有分类文字颜色黄色。

  当然这个搭配肯定不会美观的,只是举这么个例子。给位可以根据自己的喜好和美观来搭配颜色。规定好颜色之后,就可以把以下代码编辑到“显示设置”的输入框内。点击“确认”即可完成设置。其中/* */内的文字为注释文字,不影响代码内容。

  淘宝店铺装修导航条已经修改好颜色了,那其它分栏条怎么自定义颜色?

  新建一个淘宝自定义模板自己写代码就可以了,把你2处位置的那块代码复制进自定义内容区,然后换个背景图或者背景颜色就Ok了。导航条可以自己定义颜色的,但是需要使用到CSS代码!

  先编辑好代码后,再直接安装到店铺导航条中的“显示设置”中!

  下面是导航条的颜色修改的代码,你只需要修改红色部分的代码,红色部分就是显示的颜色:

  /* 导航条背景色*/

  .skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

  /*首页/店铺动态背景色*/

  .skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

  /*首页/店铺动态右边线*/

  .skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

  /*首页/店铺动态文字颜色*/

  .skin-box-bd .menu-list .menu .title{color:#ff0000}

  /*所有分类背景色*/

  .all-cats .link{background: none repeat scroll 0 0 #00ad08;}

  /*所有分类右边线*/

  .all-cats .link{border-right:1px #006205 solid;}

  /*所有分类文字颜色*/

  .skin-box-bd .all-cats .title{color:#ff0000}

  代码可以直接复制,很方便,只需要修改成自己想要的颜色就可以~如果还是不能解决你的问题,可以直接留言咨询,有大神会帮你解决!想要了解更多网店装修相关的内容,可以关注本站,好玩有趣的资讯在等着你哦。

  相关推荐:

  旺铺智能版全屏海报怎么做?

  淘宝全屏店招怎么设置?淘宝全屏店招设置教程

  淘宝全屏海报如何切片?如何去掉衔接的空白间隙?

营销型网站