Question

我在Joomla 3.0网站上使用Protostar模板并且有关于在其template.css文件中修改样式的问题，让可折叠的垂直菜单使用与链接文本相同的类颜色样式/行为我有什么全宽水平菜单。我不熟悉默认template.css文件中指定的所有几十个类（例如，所有.nav和.navbar类）。通过在user.css文件中使用自定义类，我得到了背景颜色，并且其中一个链接文本颜色是相同的，但我仍然坚持我需要更改的其余样式。我一直在使用Firebug，但仍然没有找到一种方法来做到这一点。

这是一个显示两个菜单的三个阶段的album of six screenshots。同样，我需要让垂直菜单使用与水平菜单相同的文本样式/行为。

我想通过使用自定义user.css文件来修复此问题，仅修改相应类所需的样式，因为我不想直接更改默认的template.css文件（如果可能的话）

（一个相关的问题，虽然不是很关键，但是如何减少垂直菜单项之间的边距。）

所以，任何帮助将不胜感激。这是我需要为这个网站完成的最后一项，所以我很想知道这个问题。提前谢谢！

Answer 1

Joomla 3.x Protostar使用Bootstrap 2.3.2v，并为桌面和平板电脑/移动视图提供不同的CSS样式。您需要使用引导媒体查询来设置它的样式。例如：

@media (max-width: 979px) {
     /* menu item color */
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        color: #0000ff;
    }

    /* space between menu element */
    .nav-collapse .nav > li > a,
    .nav-collapse .dropdown-menu a {
        padding: 3px 15px;
        margin-bottom: 0;
    }
}

您可以在documentation

找到有关引导媒体查询媒体查询的更多信息

在Joomla 3.0中修改Protostar模板菜单类

1 个答案: