使用CSS进行顶级导航的网站字体颜色和大小更改

时间:2014-10-27 03:01:58

标签: css wordpress templates

我有后台开发者背景但新手到CSS。最近使用现有的Wordpress模板推出了www.feisworld.com。不幸的是,我注意到顶部导航中的“HOME”,左上角不明显。我希望将大小增加到大约24px。

然后我注意到点击一篇文章后,HOME按钮现在是深紫色,甚至更不可读!我试图操纵.navigation-main .a但整个顶级导航变化 - 包括关于和播客。

我也玩过.navigation-main .current-menu-item.home-link> a,.navigation-main .current-page-item.home-link> a,没​​有运气。

有人可以建议我在这里缺少什么,以及为什么HOME的行为会有所不同,具体取决于页面?

谢谢!

2 个答案:

答案 0 :(得分:0)

尝试使用!important代码。

.home-link { font-size: 24px !important }

答案 1 :(得分:0)

您应该可以使用以下方式进行更改:

#menu-item-4 > a {
    font-size: what-you-want;
}
#menu-item 4 > a:visited { /*For the link color after you click it */
    color : what-you-want;
}