WordPress的菜单项不再显示当前页面样式

的CSS样式主动或将鼠标悬停我不再显示器上工作的要求，除了一个（厨房）网站上的状态菜单项。WordPress的菜单项不再显示当前页面样式

该网站是http://wanderingcooks.com.au/，如果你将鼠标悬停在厨房，或页面激活它突出蓝色，但是没有其他链接样式都在工作。

厨房 menu li项目有应用“蓝色”类，代码如下。

<li id="menu-item-48" class="blue menu-item menu-item-type-post_type    menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-48">  
<a href="http://wanderingcooks.com.au/commercial-kitchen-space/">Kitchens</a> 
</li>

我难倒有关如何在其他正确的类添加到菜单项。有定义的样式，每个样式都应该是不同的颜色，并且我认为自从页面被重命名后它不起作用。 WordPress的管理员有一个区域可以应用这些样式，但这也不行。我很感激任何帮助。

来源

2017-10-18 Droid

“厨房”链接有一类“蓝色”添加到其li元素，但没有其他人有“色”类：

<ul id="menu-main-navigation" class="menu">  
    <li id="menu-item-7923" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7923"> 
     <a href="http://wanderingcooks.com.au/thank-truck-its-thursday/">What’s On</a> 
    </li> 
    <li id="menu-item-48" class="blue menu-item menu-item-type-post_type menu-item-object-page menu-item-48"> 
     <a href="http://wanderingcooks.com.au/commercial-kitchen-space/">Kitchens</a> 
    </li> 
    [...]

蓝色悬停效果仅添加到链接，在与蓝色类“礼”元素：

.primary_nav_menu .menu-item.blue a:hover, .primary_nav_menu .menu-item.blue a:active { 
    color: #25aae1; 
}

要解决这个问题，你需要添加blue（或其他“颜色”类）给所有的元素。

添加自定义类的菜单项

在管理，转到外观>菜单
点击右上角的“屏幕选项”选项卡上 - 这将显示一个设置面板
在“显示高级菜单属性”下，选中“CSS类”复选框
现在查看菜单项所在的菜单结构。点击灰色块右侧的向下箭头可查看您想要更改的菜单项。
在“导航标签”下面，您现在将有一个标为“CSS类（可选）”的文本框。您可以在这里添加任何自定义类 - 只需输入类名称，不带前面的点，例如blue。
保存您的菜单，当你如今在浏览器中查看网页的源文件，该<li>有给你的菜单项应包括类列表的颜色类。

来源

2017-10-18 07:26:09 FluffyKitten

谢谢，这是什么我不知道如何做。我想不同的颜色类添加到每个“礼” 所以第一个菜单项我想补充红色类，接下来水鸭类等。我不确定如何编辑菜单的代码来执行此操作。 – Droid

@Droid现在如何添加“蓝色”类？另外，当您说管理员中有一个区域应用样式时，您指的是什么区域？ – FluffyKitten

@Droid“*在后端有*”...？看起来你刚刚放弃你的评论的结尾:)那句话还有更多吗？它在后端的区域，你试图使用，我想知道。那究竟在哪里，你试图在那里做什么，结果是什么？即风格是否被添加到代码中，但是当您在浏览器中查看风格时没有改变，什么都没有改变，或者发生了意想不到的事情？ – FluffyKitten

WordPress的菜单项不再显示当前页面样式

回答

相关问题