萧涵主题的导航栏栏间距修改

如果您的wordpress博客栏目有很多个,而且都想显示在导航栏上,而且您使用的是萧涵主题,其他主题也是可以的,大同小异。

偶看介绍两种方法实现导航栏多放置几个栏目:

一、自定义栏目名称时使用简写,如果启用了“菜单”可以直接在菜单中修改,例如:wordpress简写成WP,那么无形中就可以多放置几个栏目了。

萧涵主题导航栏栏间距修改

二、修改模板下的CSS文件

 打开/wp-content/themes/xiaohan3/style.css,找到

#nav li a span{padding:0 14px;display:block;float:left;cursor:pointer;}

注意其中的一个数字14,您只需修改它即可缩短栏目的间距,例如修改成

#nav li a span{padding:0 8px;display:block;float:left;cursor:pointer;}

顺便介绍下padding,这是简写属性在一个声明中设置所有内边距属性。这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

萧涵主题的导航栏栏间距就修改完成了,您可以放置更多的栏目在导航栏上了。

点击查看萧涵主题修改全记录

《萧涵主题的导航栏栏间距修改》上有13条评论

发表评论

This site uses Akismet to reduce spam. Learn how your comment data is processed.