【问题标题】:change the menu font size更改菜单字体大小
【发布时间】:2017-11-30 12:44:41
【问题描述】:

我正在这个网站上工作http://blackbottle.com.au/

我真的想将菜单字体大小更改为大一点。我尝试使用命名菜单项的每个类组合来更改字体!我现在唯一能想到的是内联 CSS,但你不能在这些菜单项上这样做。有没有人有解决方法或其他方法来更改菜单字体大小?

【问题讨论】:

  • 您的问题与问题的文本不同。你能说得更具体一点吗?谢谢
  • <hr> 标签不使用右斜线。
  • @Rob 它在XHTML ;)
  • @TripleDeal 她没有使用 XHTML。
  • @Rob 她的网站也不使用<hr>。我什至在她的主页上都找不到<hr> 元素。无论如何,也许看到更喜欢使用斜线?一个宁愿把他的 CSS 放在外部,另一个宁愿把它放在内部......

标签: html css wordpress


【解决方案1】:

您可以为您的链接添加此类。

a.nav-link {
    font-size: 30px;
}

【讨论】:

    【解决方案2】:

    我可以通过更改 .main-navigation a 类的字体大小来更改菜单项的字体大小

    .main-navigation a {
      font-size: 13px;
      font-size: 1rem;
    }
    

    CSS 总是读取最后一个条目作为主要条目。所以在上面的例子中,CSS 会将 font-size 读取为 1rem。如果浏览器不支持 rem,只有在这种情况下,它才会将 font-size 读取为 13px。简而言之,最后写入的内容会覆盖之前写入的内容。

    我希望这会有所帮助。干杯!

    【讨论】:

    • 是的!这行得通! :D 我在课程结束时错过了“a {”。然后我从来没有用过 1rem;以前,但我喜欢那个。感谢您的解释,这真的帮助了我学习。谢谢! :)
    【解决方案3】:

    在你的 style.css 文件中改变这个:

    .main-navigation a {
        color: #fcfbf9;
        display: inline-block;
        font-size: 0.8rem; // This needs to be changed
        letter-spacing: 1px;
        padding: 12px 15px;
        text-transform: uppercase;
    }
    

    或者用另一个css文件覆盖它

    您能否向我解释一下您想对<hr> 元素进行哪些更改?因为你的标题和你的问题内容完全不同。

    【讨论】:

    • 道歉我完全混淆了我的问题名称和我提出的实际问题与另一个不同的问题!但是导航大小更重要,所以感谢您的回答。我没有意识到 a 需要在类名的末尾,但这终于成功了!!!非常感谢你!我只是想将
      元素更改为不同的颜色。现在好像是很淡的黄色,想改成#f68c7f
    猜你喜欢
    • 2014-07-13
    • 1970-01-01
    • 2016-11-09
    • 1970-01-01
    • 2015-11-04
    • 1970-01-01
    • 2019-06-03
    • 2019-11-07
    • 1970-01-01
    相关资源
    最近更新 更多