Wordpress菜单无法居中

-2

我正在使用网站cardinalmma.com/，但您可以看到菜单未居中。例如，参见左边部分的新闻菜单，但有一些填充。我希望它能够居中，任何人都可以帮助我。谢谢 SomdebWordpress菜单无法居中

2014-03-05 user3382030

垂直或水平居中？ – 2014-03-05 19:50:48

至少试图找到你的self.if然后发生任何问题，然后在这里发布你的努力。这个问题并不清楚。 –

你想单个导航栏标签居中，正确吗？

li.menu-item { 
    text-align: center; 
}

这个目标在你的菜单，由.menu-item类标识的<li>标签。规则text-align: center;负责将<a>标签与其中的文本对齐。

在我的浏览器，这种修改，使它看起来像这样：

menu with centered text

来源

2014-03-05 19:46:32

感谢您的编辑@Rahil。 –

感谢它解决了我的问题 – user3382030

我很高兴能帮上忙。 –

尝试在你的CSS样式表的东西，使菜单项是居中。

尝试一些与类菜单和李部分：在这个方向

来源

2014-03-05 19:50:38 Impof

还有更多方法可以得到相同的结果... – Impof

请更新你的CSS

.menu { 
    text-align: center; 
}

什么的。这应该可以解决您的问题。

.menu_top a { 
color: #eee; 
font-weight: bold; 
line-height: 3.4em; 
padding: 0 14px; 
text-decoration: none; 
height: 50px !important; 
text-align: center; 
display: block; 
} 

.menu_top ul ul li a { 
text-align:left; 
}

来源

2014-03-05 19:53:51

要居中导航栏标签，用超现实的梦这个CSS提供：

li.menu-item { 
    text-align: center; 
}

我们阐述如何找到这个解决方案。编辑/开发wordpress的CSS的最佳方式是使用firebug或Chrome的开发人员工具来查找要修改的元素。然后，您可以在那里添加CSS并实时查看结果（这些更改不是永久性的）。我想说这可能就是超现实主义梦想如何找到解决方案。

如果您想了解更多关于使用Chrome开发工具工具的信息，请转到此页：https://developers.google.com/chrome-developer-tools/。
如果你是新的CSS（我不知道如果你是新的CSS或如果youre问题是严格编辑CSS）的WordPress，你应该去看看http://www.codecademy.com/tracks/web

来源

2014-03-05 20:00:28 cojomojo

Wordpress菜单无法居中

回答

相关问题