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

  [复制链接]
查看: 879   回复: 8
发表于 2013-11-8 12:29:21 | 显示全部楼层 |阅读模式
Wordpress 的Iconic One主题及我试过好几个其它主题,导航栏的高度很大,字体很小,我在style.css里,把字体改大,导航栏的高度又相应增高,很不成比例,但翻遍style.css,做了很多尝试都找不到降低航栏的高度以接近字体的大小的方法。(我的css不是很熟)

哪位朋友可以指点下呢?

航栏的一部分)

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2013-11-8 13:01:37 | 显示全部楼层
最好的修改应该是用firefox的查看元素功能进行修改.

评分

参与人数 1T币 +3 收起 理由
Microsoft + 3 有見地

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2013-11-8 13:37:44 | 显示全部楼层
实在调不好的话,可以直接用PS把字体打在图片上合成一张图,在主题上直接加这张图。仅供参考导航栏的高度很大,字体很小,不成比例,怎么整?
回复 支持 反对

使用道具 举报

发表于 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。。。。。。
回复 支持 反对

使用道具 举报

发表于 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,然后一定要用英文输入法,照我上面的格式输入,并且千万不要改标点符号。楼主,有用请加分
回复 支持 反对

使用道具 举报

发表于 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默认都是一样的

评分

参与人数 1T币 +5 收起 理由
idancer + 5 高手,以后不懂向你请教:)

查看全部评分

回复 支持 反对

使用道具 举报

发表于 2013-11-9 08:41:07 | 显示全部楼层
抽空了解一下firebug,或chrome浏览器的调试工具,可以很快,直观,高效的修改css。
另外不会修改直接找哥,哥是专业前端。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则