【问题标题】:Wordpress- How do i change the default font of navigation menu?Wordpress-如何更改导航菜单的默认字体?
【发布时间】:2014-01-20 15:08:17
【问题描述】:

我正在尝试更改网站的默认字体。我已经编辑了css文件并更改了字体。一切正常。除了导航菜单字体。它没有改变。它被设置为默认的 ""Trebuchet MS", Arial, Helvetica, sans-serif" 字体。

.sf-menu > li > a {
font: bold 21px/66px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333333;
}

我可以在这里更改字体.. 但我在这里面临的问题是,此代码指向 (index):67(当我在 chrome 中检查元素时)。在哪里可以找到这个代码?我必须编辑哪个文件。?

屏幕截图 -> http://i39.tinypic.com/2rzqcld.png

在css文件ma​​in_style.css

.sf-menu > li > a {
    padding:0 28px;
    border:none;
    color:#323232;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

我无法找到有关此字体系列的任何信息。即使我在这里添加字体,它也不会改变导航菜单的字体系列。如果我添加其他属性,如背景颜色,则只有字体属性不起作用。

如何解决这个问题??

【问题讨论】:

  • 搜索会发现数百个关于 SO 的答案,以及其他地方的 CSS 教程。

标签: jquery html css wordpress fonts


【解决方案1】:

您可以创建自己的自定义类并给字体属性一个“!important”标签,并将该类也应用于菜单。这样只会覆盖字体属性。

例如:

示例

{
font-size: 14px !important; 
    font: "Your Own Fonts", Arial, Helvetica, sans-serif !important;
}

您可以在此处阅读更多信息: http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

【讨论】:

  • 既然是答案,为什么要添加到 cmets 中?
  • 只是觉得还不够回答。
  • 您可能想要添加一个示例和一个指向 !important 定义的链接。如果您这样做,那将是一个很好的答案;)
  • @sjpatel 它不起作用。我正面临这个问题。 stackoverflow.com/questions/21298716/…
猜你喜欢
  • 1970-01-01
  • 2018-09-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多