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

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

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

我想通过使用自定义user.css文件来修改适当的类只需要的样式，因为我不想直接更改默认template.css文件，如果根本可能。

（一个相关的问题，但不是至关重要的，是如何降低垂直菜单项之间的边缘。）

因此，任何帮助将不胜感激。这是我需要为这个网站完成的最后一个项目，所以我急于想办法解决这个问题。提前致谢！

来源

2016-09-19 WhataMack

的Joomla 3.0更多关于引导媒体查询媒体查询???为什么你不升级到当前版本？ – Spudley

这是Joomla 3.6.2。只是使用3.0作为通用术语。 – WhataMack

Joomla 3.x Protostar使用Bootstrap 2.3.2v，并且对于Desktop和Tablet/Mobile视图具有不同的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

来源

2016-09-21 08:08:54

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

回答

相关问题