淘宝店铺导航栏怎么改颜色?有哪些代码可以用?
2021-03-16 16:11:50 21859浏览
新建一个自定义模板,自己写代码就可以了,或者在网上找一些代码复制进自定义内容区,然后换个背景图或者背景颜色就Ok了。导航条可以自己定义颜色的,但是需要使用到CSS代码!

在淘宝店铺的导航栏设置出来很简单,但是想要做好装修就没那么容易了,比如导航栏的样式,颜色和字体等等,都需要从店铺的整体装修来考虑,这里我们可以先来了解下店铺导航栏的颜色怎么修改吧。

淘宝店铺导航栏.jpg

新建一个自定义模板,自己写代码就可以了,或者在网上找一些代码复制进自定义内容区,然后换个背景图或者背景颜色就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}

淘宝店铺导航栏的颜色修改主要就是上面这些内容了,开头也和大家说过了,想要让店铺导航栏好看,单单修改颜色可达不到美观的要求,所以还是要通过修改其他的地方来实现一个装修效果。

相关阅读:

淘宝店铺导航栏怎么设置?有什么技巧?

淘宝店铺导航栏怎么装修?流程是什么?

淘宝装修有什么好用的工具?具体有哪些?

淘宝店铺导航栏
  
淘宝店铺导航栏怎么改颜色
  
图文推荐