【问题标题】:Styling Wordpress Dropdown Menu样式化 Wordpress 下拉菜单
【发布时间】:2014-10-30 21:42:27
【问题描述】:

我正在尝试使用插入到我的博客页面的以下 php 代码设置下拉菜单的样式...http://www.patagoniariverguides.com

<?php $args = array(
'show_option_all'    => '',
'show_option_none'   => '',
'orderby'            => 'ID', 
'order'              => 'ASC',
'show_count'         => 0,
'hide_empty'         => 1, 
'child_of'           => 0,
'exclude'            => '',
'echo'               => 1,
'selected'           => 0,
'hierarchical'       => 0, 
'name'               => 'cat',
'id'                 => '',
'class'              => 'postform',
'depth'              => 0,
'tab_index'          => 0,
'taxonomy'           => 'category',
'hide_if_empty'      => false,

); ?>

页面上显示的菜单是典型的通用灰色下拉菜单。我已经能够对其进行一些样式设置,但想完全自定义外观。

  • 我想移除边框半径
  • 想要更改实际下拉项的外观
  • 想要更改箭头按钮

有什么想法吗?

【问题讨论】:

  • 使用 CSS!为您解决问题。
  • 还有什么问题?您可以使用 css 以任何您喜欢的方式设置样式 :)
  • 是的,我意识到我可以使用 CSS 设置样式,我已经做到了!我遇到了一些类的问题,并且 CSS 规则不适用。
  • Hbirjand.... 真的吗?显然您没有阅读我的帖子或访问该页面。感谢您毫无价值的评论。

标签: css wordpress menu


【解决方案1】:

看起来您正在使用现成的导航。因此,您需要在任何浏览器中使用开发人员工具来找出其无法正常工作的原因。这至少会让你看到导航:

.ubermenu > ul > li:hover > .ubermenu-submenu-drop{
    z-index: 999;
    min-height: 294px !important;
    opacity: 1;
    visibility: visible

}

您可能需要根据样式表的排列方式分配 !important 标签。

【讨论】:

  • 我指的是滑块下方的类别菜单,它不是 Ubermenu。这是wordpress代码吐出的菜单。这是我到目前为止使用的 CSS,但有些不起作用... select#cat.postform { width: 200px;背景颜色:#2a8abb;字体家族:'奥斯瓦尔德'!重要;文本转换:大写!重要; } select#cat.postform > level-0{ 文本转换:大写!重要;字体家族:'奥斯瓦尔德'!重要; }
  • 你运行的是什么浏览器?我正在使用 chrome,我检查了您博客页面上下拉菜单的元素,我看到所有这些样式都被应用了。它们甚至以最相关的样式出现
  • 我在 Chrome 中。就我而言,我仍然有 5px 的边框半径,并且子级别的项目没有样式。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多