导航栏的高度很大，字体很小,不成比例，怎么整？

forwhatah · 发表于 2013-11-8 12:29:21

Wordpress 的Iconic One主题及我试过好几个其它主题,导航栏的高度很大，字体很小，我在style.css里，把字体改大，导航栏的高度又相应增高，很不成比例，但翻遍style.css，做了很多尝试都找不到降低导航栏的高度以接近字体的大小的方法。（我的css不是很熟）

哪位朋友可以指点下呢？

（导航栏的一部分)

minlab · 发表于 2013-11-8 13:01:37

最好的修改应该是用firefox的查看元素功能进行修改.

未来式 · 发表于 2013-11-8 13:37:44

实在调不好的话，可以直接用PS把字体打在图片上合成一张图，在主题上直接加这张图。仅供参考

jx007888 · 发表于 2013-11-8 14:39:18

实在搞不好手工把整个导航弄成静态的

月光飞燕 · 发表于 2013-11-8 15:15:19

把模板下载到本地，解压
然后使用TextCrawler，找到contact字符
然后打开包含字符的页面，修改css代码即可
主要修改导航这部分的css，一般是height，padding一类的值

阿尔萨斯 · 发表于 2013-11-8 15:21:51

修改margin,padding。。。。。。

will86 · 发表于 2013-11-8 20:05:32

教你最简单的办法，在源代码里用ctrl+f查找home，然后找到home上面的div比如，div class=..或者div id=...然后看这个...在你的哪里是什么词，然后把这个词拿到css里去搜索下，一般就差不多了，方法2是查找含有nav这三个字母的div，nav是导航navigation的缩写。改属性方面我与楼上的观点不同，楼上的说的是修改外边距和内边距。我的建议是修改下字体大小font-size：12px；和高度height，可以改这些数字，记得数字后面一定要加px，然后一定要用英文输入法，照我上面的格式输入，并且千万不要改标点符号。楼主，有用请加分

luguokankan · 发表于 2013-11-9 08:32:46

好吧,教你个最简单的方法.
下面的css加到style.css最後面.
div.nav-menu ul li.page_item a{
font-size: 55px; //自己调整
line-height: 5;//自己调整
}

由于,如今的主题,大部分都使用wordpress的函数生成menu,所以他们的class默认都是一样的

jikeytang · 发表于 2013-11-9 08:41:07

抽空了解一下firebug，或chrome浏览器的调试工具，可以很快，直观，高效的修改css。
另外不会修改直接找哥，哥是专业前端。

导航栏的高度很大，字体很小,不成比例，怎么整？

本帖子中包含更多资源

评分

评分