去掉Tstyle导航菜单最后分隔符

wordpress主题Tstyle的导航菜单默认只能显示8个栏目才不会影响到搜索框,龙软同学昨天询问,如何才能在导航菜单上显示更多的菜单分类,并且不会影响到搜索框,就像倡萌的自留地一样,可以放10个分类。其实,稍微懂一点CSS的朋友都知道,只要修改CSS就可以达到效果。没办法,为了照顾新手,倡萌还是得发布文章来说说这个设置,大虾直接安静飘过吧。

去掉Tstyle导航菜单最后的分隔符:

默认的主题最后的菜单分类还是会显示分隔符的,感觉不是很完美,其实只要添加一个属性,就可以去掉了哦。

修改前:

image

修改后:

image

1.在后台–外观–导航菜单(官方中文版可能翻译不一样),在导航菜单设置页面的右上角,点击“屏幕选项”,然后勾选上“CSS类”:

image

注:其实上面你还可以勾选更多你需要的,比如,“链接目标”就可以设置是否在新窗口打开链接哦。

2.展开最后一项的设置菜单,在“CSS样式”填入“last”,然后保存现在的菜单如下图。

3.打开style.css样式表在对应位置添加如下CSS代码

#nav li.last { border-right: none; }

这里注意下,有的同学按照上面的方法做了后,在google浏览器chrome里面最后一项菜单栏还是有一个分隔符,这时你就看看你的CSS里面#nav LI这一项里面是用的右边框还是背景图片,用的右边框上面方法就可以搞定,如果用的背景图,就在 #nav li.last 里面加一句CSS “background: none;” ,好了,搞定。

image

可以不经允许随意转载,分享:广州SEO,移动互联网营销 » 去掉Tstyle导航菜单最后分隔符

分享的每套dede模板,整站带数据源码,wordpress模板,整站源码下载,帝国cms模板,带数据帝国cms网站,淘宝客源码,女性网站模板等源码的下载链接地址请咨询QQ索取。
赞 (0)
分享到: 更多