Gantry Framework-Joomla 如何从 CSS 中编辑 logo答案

【问题标题】：Gantry Framework-Joomla How to edit logo from CSSGantry Framework-Joomla 如何从 CSS 中编辑 logo
【发布时间】：2014-07-13 00:19:56
【问题描述】：

我想知道如何编辑 CSS 文件（例如：徽标大小、徽标路径）我正在使用 Grantry v4.1.24 和 Joomla 3.3.1

查看如何更改Logo的示例；

#rt-logo {
background: url("/qatarclean/joomla_gantry/images/logo.png") no-repeat scroll 50% 0 transparent !important;
}

#rt-logo {
height: 140px;
width: 267px;
}

我如何找到它的 CSS 位置以及如何编辑它？在 Firebug 中，它只显示唯一的文件夹路径。我创建了 gantry-custom.css 文件并插入了上面的数据。它不起作用。

见附图；

我也想知道如何从选定的 CSS 文件中删除一些行；

提前致谢，

萨梅拉·席尔瓦

【问题讨论】：

这可能会在joomla.stackexchange.com得到更好的回应

标签： css joomla3.0 joomla-template

【解决方案1】：

Gantry 框架使用已编译的 LESS 文件。建议（如您所做的那样）创建自定义 CSS 或自定义 LESS 文件，以便您的更改不会被模板更新覆盖，而不是直接编辑这些文件。

!important 的使用可能是您的覆盖不起作用的原因。

如 Henning 在 RocketTheme 论坛上所解释的，您可以使用 CSS 特异性解决此问题：http://www.rockettheme.com/forum/configuration-and-security/209832-want-nail-how-2use-template-name-custom-css-file-correctly#1028846

有关 Henning 推荐的 CSS 特异性的更多信息：http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know

在这种特殊情况下，以下应该可以解决您遇到的问题：

div#rt-logo {
    background: url("/qatarclean/joomla-gantry/images/logodf.png") no-repeat scroll 50% 0 transparent !important;
}

【讨论】：